ByteSpace Cyber - Nairobi's Premier Tech Hub 🚀

Fast internet, expert repairs, and trusted technical support for students, freelancers, and businesses in Nairobi CBD.

🎬 Demo

📸 Screenshots

Homepage - Dark Mode	Homepage - Light Mode
Services Page	Pricing Page
Contact Page

✨ Features

• 🌐 High-Speed Internet - Lightning-fast fiber connection up to 100+ Mbps
• 🖨️ Printing & Scanning - Professional document services
• 🔧 Device Repair - Expert repairs for laptops, phones, and tablets
• 🛡️ Virus Removal - Complete malware cleanup and protection
• 🎧 Technical Support - Remote and on-site assistance
• 🎓 Training & Workshops - Learn essential computer skills
• 🏛️ Government Services - eCitizen, KRA, KUCCPS, NHIF, NSSF assistance
• 🎨 Graphic Design - Posters, flyers, logos, and more
• 📄 Document Services - CV writing, typing, form filling

Additional Features

• 🛒 Online Shop - Computer accessories and tech products
• 📅 Online Booking - Book services and appointments online
• 💳 M-Pesa Integration - Secure payments via STK Push
• 👤 User Dashboard - Track bookings and orders
• 🔐 Admin Panel - Manage services, products, bookings, and blog
• 📝 Blog System - Tech tips and news with comments and likes
• 🌙 Dark Mode - Beautiful dark and light themes
• 📱 Responsive Design - Works on all devices
• 🇰🇪 Bilingual - English and Swahili support

🛠️ Tech Stack

• Frontend: React 18, TypeScript, Vite
• Styling: Tailwind CSS, shadcn/ui
• Animations: Framer Motion
• Backend: Supabase (Database, Auth, Edge Functions)
• Payments: M-Pesa STK Push Integration
• State Management: TanStack Query
• Forms: React Hook Form + Zod

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or bun

Installation

1. Clone the repository:

git clone https://github.com/Samuel-Muriuki/ByteSpaceCyber.git
cd ByteSpaceCyber

2. Install dependencies:

npm install
# or
bun install

3. Start the development server:

npm run dev
# or
bun dev

4. Open http://localhost:5173 in your browser.

📁 Project Structure

ByteSpaceCyber/
├── public/              # Static assets
│   ├── demo/           # Demo GIFs
│   └── screenshots/    # App screenshots
├── src/
│   ├── components/     # React components
│   │   ├── admin/     # Admin panel components
│   │   ├── booking/   # Booking system components
│   │   ├── dashboard/ # User dashboard components
│   │   ├── home/      # Homepage sections
│   │   ├── layout/    # Layout components
│   │   ├── shop/      # Shop components
│   │   ├── ui/        # shadcn/ui components
│   ├── contexts/      # React contexts
│   ├── hooks/         # Custom hooks
│   ├── pages/         # Page components
│   └── lib/           # Utilities
├── supabase/
│   └── functions/     # Edge functions
│       ├── mpesa-stk-push/
│       └── mpesa-callback/
└── README.md

💳 M-Pesa Integration

ByteSpace uses Safaricom's M-Pesa STK Push for secure payments:

1. User enters phone number
2. STK Push prompt sent to phone
3. User enters M-Pesa PIN
4. Payment confirmed automatically
5. Booking/order updated

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

💖 Support

If you find this project useful, please consider:

• ⭐ Starring the repository
• 🐛 Reporting bugs
• 💡 Suggesting new features
• ☕ Buying me a coffee

📞 Contact

• Location: 123 Moi Avenue, Nairobi, Kenya
• Phone: +254 700 123 456
• Email: [email protected]
• Website: bytespace-cyber.vercel.app

---

Made with ❤️ in Nairobi, Kenya 🇰🇪