FoodPlaza Restaurant Website
Project Images :-
Project Description :-
Food Plaza is a dynamic and user-friendly restaurant website designed to provide a seamless online food browsing experience. The website allows users to explore a variety of meals, including breakfast, lunch, and dinner, with detailed descriptions and affordable pricing. Built using the MERN stack (MongoDB, Express, React, Node.js), this full-stack project follows the MVC architecture for structured and scalable development. The website features a secure authentication system where only the admin has access to manage food items and update restaurant information. Admin authentication is managed through JWT tokens, ensuring secure login and session handling. Passwords are securely stored using bcrypt encryption to enhance security. For handling images, the website leverages Multer to encode and upload food images. Additionally, messages are implemented to provide real-time alert notifications for user actions like authentication and data modifications. The backend is powered by Node.js and Express.js, with MongoDB Atlas as the database solution for efficient data management.The development process is streamlined with Nodemon, which enables automatic server restarts during code changes.
Key Features :-
- Users can browse through different food categories like breakfast, lunch, and dinner.
1. View Food Categories
- Displays food items with budget-friendly prices
2. Affordable Pricing
- Only admin users can log in and manage the restaurant's menu.
- Admin can add food update and delete.
- Track orders and update order statuses.
- Monitor website performance and customer activity.
3. Admin Authentication
- Multer for image encoding and secure storage.
- Efficiently handles large image uploads without performance issues.
4. Image Handling & Storage
- Nodemon for development (auto-reloading for better efficiency).
5. Development & Deployment
- User passwords are securely hashed using bcrypt.
6. Password Encryption
- Ensures safe and protected access to admin functionalities.
7. Secure JWT Authentication
- Ensures that only verified admin can log in and perform actions.
8. Email Verification
- Organizes the project into models, views, and controllers for better code management.
9. MVC Architecture
- Enhances security, logging, error handling, and request validation for better backend management.
9. Middleware Implementation
- Stores all food items, admin credentials, and restaurant details efficiently.
11. MongoDB Atlas Database
Technology Use :-
- React.js - For building a dynamic and interactive user interface.
- CSS3 - For styling best design.
Frontend:
- Node.js - For building the backend logic and APIs.
- Express.js - For handling server-side routes and requests.
Backend:
- MongoDB Atlas - For storing user data, products, and orders.
- Mongoose - For efficient data handling and schema validation.
Database & Storage:
- JWT (JSON Web Token) - For secure authentication.
- Bcrypt - For hashing and encrypting passwords.
- Multer - For secure image upload and encoding.
Authentication & Security:
- Nodemon - For auto-reloading during development.
- MVC Architecture - Ensuring a structured, maintainable, and scalable codebase.