Food Ordering App

Overview

Developed as a sophisticated food ordering solution, the Food Ordering Web App offers users a seamless platform to explore, search, and order a variety of food items. This project emphasizes intuitive user interfaces, robust data management, and secure authentication methods to ensure a superior user experience.

Important Pages

Menu Page

The Menu Page categorizes food items, allowing users to search, filter, and add items to their cart.

Technologies: Utilized MongoDB and Mongoose for efficient data storage and management.

Cart Page

The Cart Page enables users to view, update, and remove items from their cart before proceeding to checkout.

Technologies: Implemented cart functionality using React state management for seamless user interaction.

Profile Page

The Profile Page allows users to register, log in, and manage their profiles, including updating profile information and changing profile photos.

Technologies: Integrated NextAuth.js for secure user authentication with Google accounts and email/password registration.

Register Page

The Register Page allows new users to register using their email and password or Google account, securely storing their data in MongoDB for future login and order management.

Technologies: Implemented user registration functionality with NextAuth.js, ensuring a seamless registration and authentication process.

Technologies Used

• Frontend: Developed with React, Next.js, and styled using Tailwind CSS for responsive and modern UI.
• Backend: Built using Node.js, Express.js, MongoDB, and Mongoose for robust data management and server-side logic.
• Authentication: Integrated NextAuth.js for secure authentication, supporting Google OAuth and email/password registration.

Key Features

• User Authentication: Enables registration and login with Google accounts or email/password, ensuring secure access to user profiles and cart management.
• Cart Management: Allows users to add, update, and remove items from the cart, with data persistence using MongoDB for seamless user experience.
• Profile Customization: Users can edit their profiles, including changing profile photos and updating personal information directly through the application.
• Order and Checkout: Facilitates a streamlined ordering and checkout process, including shipping options and order tracking functionalities.

Development Specs

• Frontend: Utilized React and Next.js for dynamic frontend development, ensuring responsive design and efficient user interaction.
• Backend: Implemented with Node.js and Express.js, utilizing MongoDB and Mongoose for scalable data management and API development.
• User Authentication: Integrated NextAuth.js for robust user authentication and authorization, supporting multiple login methods and ensuring data security.