React Navbar with Dynamic Menu (MongoDB, Node.js, Express, Axios)

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.

Features

• 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.

Installation

1. Clone the Repository

There are 2 folders in project :

1. Node Project named menu_node : install dependencies with "npm install".

2. React Project name menu_react : install dependencies with "npm instaa".

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

2. React Project