Skip to content

Namaste React Course: From Zero to Hero ๐Ÿš€ by Akshay Saini (Founder of NamasteDev). This repository contains code of Food Ordering app named MealMingle created from scratch from Namaste React Course. #Namaste #JavaScript #React #ReactJS #TailwindCSS #Redux

Notifications You must be signed in to change notification settings

anchalarora/namaste-react-meal-mingle-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

35 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿฝ๏ธ Food Ordering App ๐Ÿš€

Welcome to the Food Ordering App! Live at MealMingle App This project provides a seamless way to explore restaurants, view their menus, and manage your orders with an intuitive and responsive design. It's built to help you easily find and order from your favorite dining spots.

๐Ÿš€ Features

Restaurant Listings: Fetch and display a list of restaurants with essential details like name, cuisine, and location.

Menu Viewing: Browse through the menu items for each restaurant, complete with descriptions and prices.

Cart Functionality: Add items to your cart, review your selections, and prepare for checkout.

๐Ÿ› ๏ธ Technologies Used

React.js: For building the dynamic user interface.

Parcel: For fast and efficient bundling of the application.

JavaScript: For core application logic.

Tailwind CSS: For utility-first styling and a responsive layout.

Redux Toolkit: For managing global state and cart functionality.

๐ŸŽ‰ Getting Started

๐Ÿ“‹ Prerequisites

Ensure you have Node.js and npm (or Yarn) installed on your machine.

๐Ÿ› ๏ธ Installation Clone the repository:

git clone https://github.com/your-username/food-ordering-app.git

Navigate to your project directory:

cd food-ordering-app

Install the dependencies:

npm install

Or with Yarn:

yarn install

๐Ÿš€ Running the App

To start the development server and run the app locally:

npm start

Or with Yarn:

yarn start

The app will be available at http://localhost:1234 (default Parcel port).

๐Ÿ—๏ธ Building for Production To create an optimized production build:

npm run build

Or with Yarn:

yarn build

The output will be in the dist directory, ready to be deployed.

๐Ÿ› ๏ธ Customization API Integration: Update the API endpoints in the services directory to connect to your own restaurant and menu data. Styling: Customize the Tailwind CSS configuration and styles to fit your design needs. โœ๏ธ Contributing This repository is open-source and contributions are welcome! If you have suggestions for improvements or find any issues, please feel free to fork the repository and submit pull requests. Your contributions will help make this app even better!

๐Ÿ”— License This project is licensed under the MIT License - see the LICENSE file for details.

๐Ÿค Let's Connect Feel free to reach out for collaboration or questions! ๐ŸŒ My Linkedin Profile

This README now includes the correct technologies and a clear structure to help users get started, contribute, and customize your app.

About

Namaste React Course: From Zero to Hero ๐Ÿš€ by Akshay Saini (Founder of NamasteDev). This repository contains code of Food Ordering app named MealMingle created from scratch from Namaste React Course. #Namaste #JavaScript #React #ReactJS #TailwindCSS #Redux

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published