Malvin Wambugu

Build a complete, modern, responsive web application called Kambo WiFi for a Kenyan WiFi service provider.

Company Information

- Company Name: Kambo WiFi
- Owner: Peter Kambo
- Customer Care Number: 0795 099525
- M-Pesa Payment Number: 0795 099525
- Country: Kenya
- Theme Colors: Blue, White, and Dark Navy
- Design should be modern, professional, mobile-friendly, and comparable to leading Kenyan internet service providers.

Home Page

Create a beautiful landing page with:

- Professional logo (generate one with a WiFi signal icon)
- Hero section
- About Kambo WiFi
- Services section
- Internet Packages
- Router Shop
- Why Choose Us
- Customer Testimonials
- Contact Section
- Google Maps placeholder
- Footer with social media links

Customer Portal

Allow customers to:

- Register
- Login
- Reset Password
- View their profile
- View subscribed internet package
- View payment history
- Download receipts
- Report internet problems
- Request new installation
- Request router replacement
- View repair status
- Chat with customer care
- Receive notifications and announcements

Admin Dashboard

Create a secure admin dashboard with login.

Default credentials:

- Username: admin
- Password: admin123

Allow the admin to:

- Manage customers
- Manage internet packages
- Manage router inventory
- Manage payments
- Manage repair requests
- Manage technicians
- Manage installations
- Manage notifications
- Manage support tickets
- Generate reports
- Export reports as PDF and Excel

Dashboard statistics should include:

- Total Customers
- Active Customers
- Monthly Revenue
- Pending Repairs
- Routers Sold
- Active Installations
- New Customer Registrations
- Charts and graphs for business analytics

Internet Packages

Create editable packages:

Starter Package

- 10 Mbps
- KSh 1,500 per month

Home Package

- 20 Mbps
- KSh 2,500 per month

Family Package

- 40 Mbps
- KSh 4,000 per month

Business Package

- 100 Mbps
- KSh 8,000 per month

Admin should be able to add, edit, or delete packages.

Router Shop

Create an online shop selling:

- TP-Link Router
- Huawei Router
- Tenda Router
- MikroTik Router

Each router should include:

- Product Image
- Name
- Description
- Price
- Stock Quantity
- Buy Now button

Customers should be able to place orders.

Repairs

Customers should submit repair requests with:

- Full Name
- Phone Number
- Location
- Problem Description
- Upload Photo
- Submit Button

Admin can:

- Assign Technician
- Update Repair Status
- Notify Customer

Repair Status Options:

- Pending
- Assigned
- On the Way
- Fixed
- Closed

New Installation Requests

Customers should fill in:

- Full Name
- Phone Number
- Location
- GPS Coordinates or Google Maps
- Preferred Internet Package
- Preferred Installation Date

Admin should manage installation requests and assign technicians.

Payments

Create an M-Pesa payment page.

Display:
"Pay using M-Pesa"

Payment Number:
0795 099525

Customers should:

- Upload Payment Screenshot
- Enter M-Pesa Transaction Code
- Submit Payment

Admin should verify payments before marking them as completed.

Notifications

Include push notifications for:

- Payment confirmation
- Repair completed
- Router ready for pickup
- New offers
- Scheduled maintenance
- Account updates

AI Assistant

Create an AI chatbot called Kambo Assistant.

It should answer questions about:

- Internet packages
- Prices
- Coverage areas
- Installation process
- Payment instructions
- Router recommendations
- Repair status
- Frequently asked questions
- Customer support

Contact Page

Display:

- Kambo WiFi
- Customer Care: 0795 099525
- Call Button
- WhatsApp Button
- Email placeholder
- Business Hours:
  Monday to Saturday
  8:00 AM to 6:00 PM

Database

Use Firebase Firestore to store:

- Customers
- Payments
- Packages
- Router Products
- Orders
- Repairs
- Installations
- Notifications
- Support Tickets
- Technicians

Authentication

Use Firebase Authentication with:

- Customer Login
- Customer Registration
- Admin Login
- Forgot Password
- Secure Authentication

Extra Features

Include:

- Dark Mode
- Light Mode
- Responsive Mobile Design
- Progressive Web App (PWA)
- Offline Support
- Fast Loading
- Search Customers
- Search Payments
- Search Repairs
- Professional Animations
- Beautiful Icons
- Clean Dashboard
- SMS Notification Placeholder
- WhatsApp Integration
- Automatic Email Placeholder
- Receipt Generation
- Invoice Generation
- Data Backup Placeholder

Technology Stack

Use:

- React
- Vite
- Firebase Authentication
- Firebase Firestore
- Firebase Storage
- React Router
- Tailwind CSS
- Chart.js or Recharts
- Responsive UI
- Modern Components
- Clean Folder Structure

Deliverables

Generate the complete production-ready project with:

- All React source code
- Components
- Pages
- Firebase configuration placeholders
- Admin Dashboard
- Customer Portal
- Router Shop
- Payment System
- Repair Management
- Installation Management
- AI Assistant
- Notifications
- Reports
- Professional UI
- Fully responsive design
- Ready to run and deploy on Replit

The application should have a premium, modern, and attractive design with smooth animations, excellent user experience, and be optimized for both desktop and mobile devices. The code should be clean, well-organized, scalable, and production-ready.
Latest Stories

Updates

View All Updates