Manishak798 / Book-Store

MERN Application

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MERN Book Store App πŸ“š

MERN Book Store is a full-stack web application built using the MERN (MongoDB, Express.js, React.js, Node.js) stack, designed to manage and showcase a collection of books.

Project - Img πŸ“Έ

Screenshot 2024-02-19 193449

Screenshot 2024-02-19 193413

image

image

πŸ”— Live Demo

Features ⭐

  • User Authentication: Secure authentication system for users.
  • CRUD Operations: Create, Read, Update, and Delete books.
  • Search and Filter: Search functionality to find books by title, author, or genre.
  • Responsive Design: Mobile-friendly user interface for seamless browsing on any device.
  • Pagination: Navigate through large collections of books with ease.
  • Reviews and Ratings: Allow users to leave reviews and ratings for books.

Installation πŸ”†πŸ–₯️

  1. Clone the repository:

    git clone https://github.com/your-username/mern-book-store.git
  2. Navigate into the project directory:

    cd mern-book-store
  3. Install dependencies:

    npm install
  4. Set up environment variables:

    • Create a .env file in the root directory.
    • Add the following environment variables:
      PORT=5000
      MONGODB_URI=<your_mongodb_uri>
      JWT_SECRET=<your_jwt_secret>
      
  5. Start the server:

    npm start
  6. Navigate to the client directory:

    cd client
  7. Install client dependencies:

    npm install
  8. Start the client:

    npm start
  9. Visit http://localhost:3000 in your web browser.

Usage πŸ’»

  1. Register for an account or log in if you already have one.
  2. Browse through the collection of books.
  3. Click on a book to view its details.
  4. Add books to your cart and proceed to checkout.
  5. Leave reviews and ratings for books you've read.

Contributing 🀝🏻

Contributions are welcome! Please follow these steps to contribute:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature/your-feature-name).
  3. Make your changes.
  4. Commit your changes (git commit -am 'Add new feature').
  5. Push to the branch (git push origin feature/your-feature-name).
  6. Create a new pull request.

About

MERN Application


Languages

Language:JavaScript 99.8%Language:CSS 0.2%