This project is a highly responsive swiggy-clone web application built using Reactjs,TailwindCss and many other tools.
- Parcel
- TailwindCss
- React-Router-Dom
- Google apis
- User authentication: Sign up, login, and logout functionality.
- Google authentication
- Restaurant listing: Display a list of restaurants with their details, such as name, cuisine type, and ratings.
- Menu display: Show the menu items available for each restaurant.
- Cart management: Allow users to add items to the cart, update quantities, and remove items.
- Order placement: Enable users to place orders for the selected items.
- Order history: Show a history of past orders placed by the user.
- Search functionality: Allow users to search for restaurants or menu items.
- Veg , allows user to search for only veg items in the menu.
- React.js: A popular JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapidly styling your application.
- Parcel: A zero-configuration bundler for web applications.
- React-router-dom : Declarative routing for React web applications
- Redux-toolkit : A centralized state management tool
| npm modules |
|---|
| reactjs |
| react-dom |
| react-router-dom |
| react-redux |
| @react-oauth/google |
| @reduxjs/toolkit |
| dotenv |
| google-auth-library |
| external applications |
|---|
| backend_socialMedia |
| MotpCreator |
- Node.js and npm should be installed on your machine.
- Clone the repository:
git clone https://github.com/vish-n-u/foodVillaApp- Change into the project directory:
cd foodVillaApp- Install the dependencies:
npm install4 .Start the development server:
npm run start5.Open your browser and visit http://localhost:1234 to see the app running.
(Please note that in order to experience the full range of features offered by this application, it is essential to install the necessary external dependencies.)