AshFoods is a user-friendly web application designed to enhance the online food ordering experience. The platform allows users to explore a wide range of food items, customize their orders, and place them conveniently. With a sleek interface and efficient functionality, AshFoods aims to simplify the process of browsing and ordering food.
- Search Bar: An intuitive search bar to find food items quickly by name or category.
- Real-time Updates: Displays results dynamically as users type their queries.
- Dynamic Presentation: A visually appealing display of food items, complete with images, prices, and descriptions.
- Category Sorting: Allows users to sort items by categories like beverages, desserts, and main courses.
- Add to Cart: Easily add items to the cart with one click.
- Item Customization: Adjust quantities or remove items directly from the cart.
- Cart Summary: View total price and checkout options.
- Clean, minimalistic design with vibrant colors to reflect the theme of food and dining.
- Well-organized layout for easy navigation.
- Fully responsive across various devices, including desktops, tablets, and smartphones.
- Front-end: React.js
- Back-end: Node.js, Express.js
- Database: MongoDB
- Styling: CSS and Bootstrap
- Clone the repository:
git clone https://github.com/ayesha19765/AshFoods.git
- Navigate to the project directory:
cd AshFoods - Install dependencies:
npm install
- Start the development server:
Open http://localhost:3000 in your browser to view the app.
npm start
- Browse the menu to explore available food items.
- Use the search bar to find specific dishes.
- Add desired items to the cart and proceed to checkout.
- Track your order in real time and enjoy your meal!
- Ayesha
By developing AshFoods, the goal is to provide a hassle-free online food ordering solution, making dining experiences enjoyable and efficient.
Made With Love 🧡
©2024 Ayesha. All rights reserved.