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!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

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