Create Shops Page Frontend, Backend, and Admin Page for Adding Shop Details

[M-ayank2005]

Description:

We need to develop the frontend and backend for a shops page, where users can view a list of shops (restaurants). Additionally, an admin page should be developed for adding new shop details to the system. MongoDB Atlas will be used as the database.

Tasks:

1. Frontend:

Create a responsive shops page using React and Tailwind CSS.

Display a list of restaurants with details such as:

Restaurant name

Cuisine type

Address

Contact info

Average rating

Open/Close status

Implement search and filtering functionality (e.g., by cuisine, location).

2. Backend:

Set up an Express server to handle API routes.

Connect to MongoDB Atlas for storing shop details.

Implement the following API endpoints:

GET /shops: Fetch the list of shops.

POST /shops: Add new shop details (admin only).

PUT /shops/:id: Update shop details (admin only).

DELETE /shops/:id: Remove shop details (admin only).

3. Admin Page:

Create an admin page to add new restaurant details.

Use a form to capture details such as:

Restaurant name

Cuisine type

Address

Contact info

Opening hours

Average cost per meal

Ensure that only authenticated admins can access this page.

Show a list of existing shops with edit and delete options.

Acceptance Criteria:

The shops page should be fully responsive and aesthetically pleasing.

Data should persist in MongoDB Atlas.

The admin page should provide CRUD functionality for restaurant details.

Proper error handling and validation on both frontend and backend.

Tools & Technologies:

Frontend: React, Tailwind CSS, Axios

Backend: node, MongoDB Atlas, Mongoose

Authentication: JWT for admin authentication

Hosting: TBD (e.g., Heroku, Vercel)

[isha-dubey]

Hello @M-ayank2005 , Can you assign me the frontend portion.

[M-ayank2005]

@isha-dubey i have assigned you the issue. create pages for admin to add new shops with mentioned details and also add shops page fetching and showing all shops. Go ahead with implementation.

[isha-dubey]

Okay sure.