FoodHub is a full-stack web application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack. It allows users to discover and order various food items listed by FoodHub.
![image](https://private-user-images.githubusercontent.com/78530251/252433714-855d48c1-5db5-40df-9568-255afaa34d0a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MDc1MTksIm5iZiI6MTczOTQwNzIxOSwicGF0aCI6Ii83ODUzMDI1MS8yNTI0MzM3MTQtODU1ZDQ4YzEtNWRiNS00MGRmLTk1NjgtMjU1YWZhYTM0ZDBhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDAwNDAxOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRlMmQwNDVmZmYxNjA5ZGRiYmM1YmI4NzY3M2MyMTU0OTdmM2Y3NTZjMTQ3MzBmZTU1MmJmOWM1NGViNzFkOGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.2ogjJH5KjKCWgZSrmvOQpiLomijaZhRF-k4ezAsRVRc)
-
Users can sign up and log in to the application to access their personalized account.
-
Menu, showcasing the available food items and their prices.
-
Users can add or remove food items from their cart as per their requirements.
-
Users can place orders, specifying the desired items and quantities.
-
Clone the repository:
git clone https://github.com/your-username/foodhub.git
-
Navigate to the project directory:
cd foodhub
-
Install the dependencies for both the backend and frontend:
cd backend && npm install
cd ../frontend && npm install
-
Set up environment variables:
-
Create a .env file in the backend directory.
-
Add the following variables to the .env file:
PORT=5000 MONGO_URI=<your-mongodb-connection-string> JWT_SECRET=<your-jwt-secret>
-
Start the backend server:
cd backend && npm start
-
Start the frontend development server:
cd frontend && npm start
-
Access the application by visiting
http://localhost:3000
in your web browser.
-
Node.js
-
Express.js
-
Postman
-
MongoDB (with Mongoose)
-
JWT (JSON Web Tokens) for authentication
-
React.js
-
Redux (for state management)
-
Axios (for API requests)
-
React Router (for routing)
-
Material-UI (for UI components)
Contributions to FoodHub are always welcome! If you find any issues or would like to suggest improvements, please create a new issue or submit a pull request.
Ritik Raj |
Mansi |
FoodHub is developed as a learning project, and it wouldn't have been possible without the valuable resources and tutorials available online. Special thanks to the open-source community for their contributions and the MERN stack creators.
If you have any questions or feedback, feel free to contact us at mansisharma209aps@gmail.com or ritikraj2358@outlook.com.
Enjoy using FoodHub!