Skip to content

catmoreak/Fusion_fry_Blog-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

13ef096Β Β·Β Β· Aug 9, 2025

History

84 Commits
Aug 8, 2025
Aug 4, 2025
Aug 9, 2025
Aug 4, 2025
Jul 24, 2025
Jul 24, 2025
Aug 8, 2025
Aug 8, 2025
Aug 8, 2025
Jul 24, 2025
Aug 9, 2025
Jul 24, 2025
Jul 24, 2025
Jul 24, 2025
Jul 24, 2025
Jul 24, 2025

Repository files navigation

Fusion Fry Blog Website

Fusion Fry is a technology blog focused on the latest tech trends, tools, and innovations. The platform is designed for sharing insights, tutorials, and news about the world of technology. It features a modern UI, dark mode, and a robust admin dashboard for easy content management.

Tech Stack & Architectureture

  • Frontend: React (with TypeScript) for building a fast, interactive, and component-driven UI.
  • Styling: Tailwind CSS for utility-first, responsive, and easily customizable design.
  • Build Tool: Vite for lightning-fast development and optimized builds.
  • Backend/Data: Supabase for authentication, user management, and blog data storage.
  • Admin Dashboard: Secure admin pages for blog creation, editing, and management, including:
    • Blog post editor with rich text support
    • Category and tag management
    • Real-time user statistics
    • Dark mode and theme toggles
  • SEO & Performance:nce: Lazy image loading, SEO meta tags, and sitemap support.

Features

  • ⚑ Fast, responsive, and mobile-friendly UI
  • πŸŒ™ Dark mode and theme toggle everywhere
  • πŸ“ Blog posts, categories, and tags
  • πŸ”’ Admin dashboard for secure blog creation, editing, and management
  • πŸ–ΌοΈ Lazy image loading and SEO support
  • 🦾 Supabase backend for authentication and data

Getting Started

  1. Install dependencies:
    npm install
  2. Start the development server:
    npm run dev
  3. Open your browser: Visit http://localhost:5173

Or see the live site at: https://fusionfry.vercel.app/

Project Structure

  • src/ β€” Main source code
    • components/ β€” Reusable UI components (Header, Footer, BlogCard, etc.)
    • pages/ β€” Page components (Home, About, Admin, etc.)
    • lib/ β€” Utilities and Supabase client
    • services/ β€” API and business logic
  • public/ β€” Static assets
  • supabase/ β€” Database migrations

Scripts

  • npm run dev β€” Start development server
  • npm run build β€” Build for production
  • npm run preview β€” Preview production build

Customization

  • Edit tailwind.config.js for theme and design
  • Update Supabase settings in src/lib/supabase.ts
  • Add or edit pages in src/pages/

Deployment

Deploy easily to Vercel, Netlify, or your favorite platform. See vercel.json for Vercel configuration.

Live Demo: https://fusionfry.vercel.app/

License

MIT. See LICENSE file.


Made with ❀️ using React, Vite, and Supabase.