Merveux/simba-website

This is the website created by using AI. # Simba Supermarket Online A modern, responsive, and multi-language e-commerce platform for Simba Supermarket, built with React, TypeScript, and Vite. This project provides a seamless shopping experience for customers in Rwanda. ## 🚀 Features - **Product Catalog:** Browse a wide range of products including groceries, cosmetics, electronics, and more. - **Dynamic Search & Filtering:** Quickly find products by name or category. - **Detailed Product Views:** View individual product information and related items. - **Multilingual Support:** Seamlessly switch between **English, Kinyarwanda, Français, and Kiswahili** with a professional flag-based dropdown. - **Responsive Design:** Optimized for a smooth experience across desktops, tablets, and smartphones. - **Shopping Cart:** Add, update, and manage items in a sliding cart drawer. - **Streamlined Checkout:** - Delivery details for Kigali neighborhoods. - Multiple payment options (MTN MoMo, Airtel Money, and Card). - Realistic payment simulation for MoMo Push notifications. - **Professional Footer:** Comprehensive navigation links and store information. ## 🛠️ Tech Stack - **Frontend:** React 19 (TypeScript) - **Build Tool:** Vite 8 (Rolldown architecture) - **Styling:** Vanilla CSS (Modern CSS variables) - **Routing:** React Router 7 - **Icons & Flags:** SVG Icons and FlagCDN integration ## 📦 Getting Started ### Prerequisites - Node.js 20.19+ or 22.12+ - npm ### Installation 1. Clone the repository: ```bash git clone github.com ``` 2. Navigate to the project directory: ```bash cd simbawebsite ``` 3. Install dependencies: ```bash npm install ``` 4. Start the development server: ```bash npm run dev ``` ### Building for Production To create an optimized production build: ```bash npm run build ``` The output will be in the `dist` folder. ## 📄 License © 2026 Simba Supermarket. All rights reserved.