02/25/2025
Art Food is an interactive and user-friendly restaurant website designed to offer a seamless online dining experience. Customers can explore a diverse menu, place orders, and enjoy their favorite meals from the comfort of their homes. The website features an extensive menu categorized into breakfast, lunch, dinner, desserts, and beverages. It is optimized for mobile, tablet, and desktop, ensuring a smooth user experience. Secure authentication is integrated, allowing users to log in using email and password, along with social login options through Firebase. Navigation is simple and intuitive, providing easy access to all sections. The interactive UI includes sliders, tooltips, and modals for a visually engaging experience. Users can explore the homepage, which highlights featured food items and trending dishes. The all-foods section allows them to discover a variety of dishes from different cuisines. They can add their own food items to the platform, manage their personal list of added foods, and update or track them as needed. Secure login and registration ensure a personalized experience with authentication options. The project is built using React.js for the frontend, styled with Tailwind CSS and DaisyUI. The backend is powered by Node.js and Express.js, using JWT authentication and cookies for security. MongoDB is used as the database, while Firebase handles authentication. Additional libraries such as Axios, React Router, Swiper, React Simple Typewriter, and React Hot Toast enhance functionality and user experience. To install and run the project, the repository needs to be cloned, followed by installing dependencies. Firebase and MongoDB credentials should be configured in the `.env` file. The development server can then be started, and the website can be accessed locally at `http://localhost:5000`. **Art Food** provides an immersive and hassle-free dining experience, making it easy for users to explore and enjoy delicious meals. It is designed for food lovers and home chefs looking to showcase their creations while offering a convenient way to order and enjoy food online. Backend Repo: https://github.com/gopalbasak1/art-food-server