project-9315df3a

byhet Game

Build a modern full-stack restaurant website called "Zafrani" with a responsive UI and AI-powered customer assistance. Tech Stack: - Frontend: HTML5, CSS3, JavaScript (Vanilla) - Backend: Node.js + Express - Database: JSON file/localStorage (mock database) - REST API architecture Features: Customer Features: - Beautiful landing page with hero section - Responsive navigation - Food menu with category filters and search - Add-to-cart functionality - Shopping cart with quantity management - Checkout process - User authentication (Login & Signup) - Table reservation system - My Orders page - Order history with status tracking - Contact page - About page Admin Features: - Secure admin login - Dashboard with analytics - Revenue statistics - Manage food menu (CRUD) - Manage customer orders - Manage table bookings - Manage customers - Update order status - Enable/Disable menu items AI Features: - AI chatbot for customer support - Food recommendations based on user preferences - Answer menu-related questions - Suggest popular dishes - Reservation assistance - Order tracking support Technical Requirements: - Fully responsive design - Mobile-first layout - Clean modern UI - LocalStorage support when backend is unavailable - Express REST API - JSON-based database - Modular JavaScript files - Organized project structure - Form validation - Error handling - Smooth animations - Fast loading performance Pages: - Home - Menu - Cart - Login/Signup - Book Table - Orders - About - Contact - Admin Dashboard API Endpoints: - Authentication - Menu CRUD - Orders CRUD - Bookings CRUD - Customer management Deliver production-quality code with clean architecture, reusable components, and professional UI/UX.

HomeChatbotContactAdminLoginMenuSignup
Home

Comments (0)

No comments yet. Be the first!

Contact design preview
AdminLogin: Sign In
Dashboard: View Analytics
Dashboard: View Revenue
Menu: Manage Items
Menu: Enable Disable
Orders: Manage Orders
Orders: Update Status
Bookings: Manage Bookings
Customers: Manage Customers
Home design preview
AdminLogin: Sign In
Dashboard: View Analytics
Dashboard: View Revenue
Menu: Manage Items
Menu: Enable Disable
Orders: Manage Orders
Orders: Update Status
Bookings: Manage Bookings
Customers: Manage Customers