Book Shop -A Online Book Corner

Live Preview



This is a Book shop web application created using React.js. It allows users to place orders and view their order history, while administrators can add and delete products, and manage the application through a dashboard. The application has a responsive design that supports both desktop and mobile devices.

---

Table of Contents

• Installation
• Features
• Technologies Used

---

Installation

Clone the client and server repositories to your local machine using the following commands:

git clone https://github.com/shahiduljahid/bookshopclient.git

git clone https://github.com/shahiduljahid/bookshopserver

Navigate to the root directory of each repository and run the following command to install the required dependencies:

npm install

Create a Firebase project and configure the authentication and hosting settings as described in the Firebase documentation.

Create a MongoDB database and obtain the connection string.

Create a .env file in the server directory and add the following environment variables:

PORT=4000
DB_URI=<your MongoDB connection string>

Create a .env.local file in the client directory and add the following environment variables:

REACT_APP_API_BASE_URL=http://localhost:4000
REACT_APP_FIREBASE_API_KEY=<your Firebase API key>
REACT_APP_FIREBASE_APP_ID=<your Firebase App ID>

Start the server and client by running the following commands in the respective directories:

npm start

---

Features

1. Users can view products, add them to their cart, and place orders.
2. Users can view their order history and see the status of their orders.
3. Administrators can add and delete products.
4. Administrators can manage the application through a dashboard.
5. The application has a responsive design that supports both desktop and mobile devices.

Technologies Used

• React.js
• React Router
• Firebase Authentication
• Firebase Hosting for front end
• Bootstrap
• Express.js
• MongoDB
• Mongoose
• Vercel Hosting