The Book Store MERN stack application

Description:

• Backend (Node.js + Express.js):

  • Built using Node.js and Express.js.
  • Follows a modular approach with Express router for cleaner code.
  • Implements RESTful APIs for CRUD operations.
  • Mongoose integration with MongoDB for database interaction.
  • CORS policy setup for secure communication with the frontend.

• Frontend (React):

  • Developed using React with Vite for fast development.
  • Integrated React Router DOM for single-page application (SPA) functionality.
  • User-friendly design with Tailwind CSS.
  • Books displayed in a card layout for better aesthetics.
  • Includes modals and alerts for an improved user experience.

• Functionality:

  • Add, update, view, and delete books.
  • View book details on a separate page.
  • Enhanced UI/UX with alerts and reusable components.

Features:

1. Backend Development:

   • Setting up Node.js and creating routes.
   • MongoDB integration with Mongoose for database operations.
   • Implementing CRUD operations.
   • Refactoring using Express router.

2. Frontend Development:

   • Setting up a React project with Vite and Tailwind CSS.
   • Implementing SPA using React Router DOM.
   • Displaying books and handling user interactions.

3. User Experience Enhancements:

   • Using modals and alerts for a polished interface.
   • Creating reusable components for scalable development.

Requirements:

• Backend:

  • Node.js (v16 or higher)
  • MongoDB (local or cloud instance)

• Frontend:

  • Node.js and npm/yarn
  • Vite for React setup

Instructions:

Backend Setup

1. Clone the repository:

   bash

   Copy code

   git clone <repository_url> cd backend

2. Install dependencies:

   bash

   Copy code

   npm install

3. Configure MongoDB:
   • Create a MongoDB database.
   • Add the connection string to an .env file:

     makefile

     Copy code

     MONGO_URI=<your_mongodb_connection_string>

4. Start the server:

   bash

   Copy code

   npm start

Frontend Setup

1. Navigate to the frontend directory:

   bash

   Copy code

   cd frontend

2. Install dependencies:

   bash

   Copy code

   npm install

3. Start the development server:

   bash

   Copy code

   npm run dev

Full-Stack Integration

• Ensure the backend is running on http://localhost:5000 and the frontend on http://localhost:5173.
• Update the frontend API endpoints if necessary to match the backend UR