A modern, full-featured web application for a mobile and computer repair shop business. Built with React and Vite, featuring a customer-facing website and staff management portal.
- 🏠 Landing Page - Beautiful hero section with animations, services, testimonials, and more
- 📅 Book Repairs - Multi-step booking form for repair services
- 🔍 Track Repairs - Real-time repair status tracking with timeline
- 📱 Sell Devices - Device buyback submission system
- 👤 Customer Dashboard - View bookings, history, rewards & referrals
- 🌙 Dark/Light Mode - Full theme support
- 👨💼 Admin Dashboard - Business analytics and management
- 👷 Employee Dashboard - Assigned repairs and task management
- 📦 Inventory Management - Parts and stock tracking
- 📊 Analytics - Business insights and reporting
- 📝 CMS - Content management for website sections
- ⚡ Vite - Lightning fast build tool
- 🔐 Supabase Auth - Secure authentication with role-based access
- 📱 Responsive Design - Mobile-first approach
- 🎨 Modern UI - Glassmorphism, animations, and premium aesthetics
- Node.js (v18+)
- npm or yarn
- Clone the repository:
git clone https://github.com/bka-dev266/sifixa-website.git
cd sifixa-website- Install dependencies:
npm install- Set up environment variables:
cp .env.example .envAdd your Supabase credentials to .env
- Start the development server:
npm run dev- Open http://localhost:5173 in your browser
src/
├── components/ # Shared components
├── context/ # React context providers
├── services/ # API services
├── systems/
│ ├── customer/ # Customer-facing pages & components
│ └── staff/ # Staff portal pages & components
├── styles/ # Global styles
└── utils/ # Utility functions
- Frontend: React 18, React Router
- Build Tool: Vite
- Database: Supabase (PostgreSQL)
- Authentication: Supabase Auth
- Styling: CSS with CSS Variables
- Icons: Lucide React
This project is deployed using GitHub Pages with GitHub Actions.
Live Site: https://bka-dev266.github.io/sifixa-website/
This project is proprietary software for SIFIXA.
For inquiries, visit SIFIXA