Logo Lanfrica

EhMaker/AfroCrib-Restaurant

Domaine:

digital infrastructure

Type de record:

software
Créateur:
EhM
Hôte:
Modern restaurant website featuring African cuisine with email OTP authentication # AFROCRIB Restaurant 🍽️ A modern, responsive restaurant website featuring African cuisine with email OTP authentication, admin panel for recipe management, and a beautiful user interface. ## 🌟 Features - **Modern UI/UX**: Sleek design with scroll-triggered animations and responsive layouts - **Email OTP Authentication**: Secure login system using Supabase authentication - **Modal Verification**: User-friendly overlay modal for email verification - **Admin Panel**: Recipe management system with image upload capabilities - **Shopping Cart**: Fully functional cart with quantity controls and order summary - **Responsive Design**: Mobile-first approach that works on all devices - **SEO Optimized**: Semantic HTML with proper ARIA labels for accessibility ## 📱 Pages - **Home** (`index.html`) - Landing page with featured dishes - **Shop** (`shop.html`) - Browse all available meals - **Product Details** (`Sproduct.html`) - Individual product information - **Blog** (`blog.html`) - Restaurant news and updates - **About** (`about.html`) - Restaurant information - **Contact** (`contact.html`) - Get in touch - **Cart** (`cart.html`) - Shopping cart and checkout - **Admin Panel** (`admin.html`) - Recipe management (requires authentication) - **Dashboard** (`dashboard.html`) - User dashboard ## 🚀 Technologies Used - HTML5 - CSS3 (Custom properties, Flexbox, Grid) - Vanilla JavaScript - Supabase (Authentication & Database) - Font Awesome Icons ## 🔐 Authentication The website uses Supabase's email OTP authentication system: - No passwords required - Secure one-time passwords sent via email - Modal-based verification for seamless UX ## 📦 Installation 1. Clone the repository: ```bash git clone github.com ``` 2. Set up Supabase: - Create a Supabase project - Run the SQL commands from `supabase-setup.sql` - Update Supabase credentials in `auth-simple.js` 3. Open `index.html` in your browser or use a local server ## 🌐 Live De …