This project is a simple React-based web application with a dynamic navbar menu, where the menu items are fetched from a Node.js backend that retrieves them from a MongoDB database. Axios is used for API calls between the frontend and backend.

• React Frontend: Displays a responsive navbar.
• Node.js & Express Backend: Handles API requests.
• MongoDB Database: Stores menu items dynamically.
• Axios for API Calls: Fetches menu data from the backend.

To run this project :

1. Create a database "MenuDB", and inside it, create a collection called "Menu", then Add data using "Import JSON and CSV file.
2. Then select "mock_data.json" file from menu_node project.
3. Now for running node project, run "node index" and for running react project, run "npm run dev".

Some Screenshot for your referneces :

1. Mongo DB Screenshot image image

2. React Project image