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 β¦