dennis25518/Oscarmkatoliki

A modern, professional e-commerce platform for distributing Catholic educational materials and eBooks in Swahili. Built with React, TypeScript, and Supabase, Oscar Mkatoliki provides a seamless shopping experience with secure payments and responsive mobile design. # Oscar Mkatoliki - Catholic eBooks Platform A modern, professional e-commerce platform for distributing Catholic educational materials and eBooks in Swahili. Built with React, TypeScript, and Supabase, Oscar Mkatoliki provides a seamless shopping experience with secure payments and responsive mobile design. ## 🌟 Features ### User Experience - **Responsive Design**: Mobile-first approach with hamburger navigation menu for seamless mobile browsing - **Product Catalog**: Browse and search Catholic educational materials with detailed product pages - **Shopping Cart**: Add/remove items with real-time quantity controls - **Secure Authentication**: User registration and login with secure session management - **User Profiles**: Manage personal information, view order history, and save payment methods ### E-Commerce - **Multiple Payment Methods**: - Credit/Debit card payments - Mobile money integration (M-Pesa, Vodacom, Airtel, TIGO, Equity Bank) - **Order Management**: Track orders with status updates and download purchased materials - **Professional Pricing**: Standardized "Tsh" currency formatting across all price displays - **Cart Persistence**: Save shopping cart between sessions using localStorage ### Customer Engagement - **Contact Form**: Direct messaging system with Supabase database integration - **FAQ Section**: Frequently asked questions with accordion interface - **Featured Products**: Homepage showcases popular items - **Similar Products**: Recommendations based on current product category ### Admin & Backend - **Supabase Integration**: Cloud-based PostgreSQL database for reliable data storage - **Real-time Data**: Live product inventory and order synchronization - **Secure API**: Row-level security policies for data protection ## 🛠️ Tech Stack ### Frontend - **React** 19.2.5 - Modern UI framework - **TypeScript** - Type-safe development - **Vite** 8.0.10 - Lightning-fast build tool - **Tailwind CSS** - Utility-first CSS framework with custom desi …