NexBookStore is an online bookstore built with the MERN stack that allows users to explore a diverse range of books across various categories such as Cooking, Fantasy, Science Fiction, Programming, and History. This project demonstrates full-stack web development skills, including the integration of front-end and back-end technologies.
- Book Listings: View a collection of books dynamically fetched from the backend.
- Book Categories: Books are organized into categories for easy browsing.
- Responsive Design: The website is fully responsive and optimized for various screen sizes.
- User Authentication: Users can sign up and log in to access their profiles.
- Login and Sign-up Forms: Two separate forms for login and sign-up with form validation.
- Modern UI: Clean and modern user interface designed using Tailwind CSS.
-
Frontend:
- React.js
- Tailwind CSS
- React Router DOM
- Axios
-
Backend:
- Node.js
- Express.js
- MongoDB (using MongoDB Atlas)
-
Other Tools:
- Vite (for bundling)
- Git (for version control)
-
Clone the repository:
git clone https://github.com/your-username/nexbookstore.git
-
Navigate into the project directory:
cd nexbookstore
-
Install dependencies:
# for FrontEnd npm install
# for Backend cd BacKEnd npm install
-
Setup Environment variables. create a
.env
file and add following:# for FrontEnd VITE_BACKEND_URL=<your-backend-url> # for BackEnd PORT=<Port> MongoDbURL=<your-database-url>
-
Run the Project:
# for FrontEnd npm run dev # for BackEnd npm start
-
Open the Project in your browser at
http://localhost:5173
. -
Verify the backend API by visiting
http://localhost:<PORT>
in your browser.
Feel free to fork this project and submit pull requests if you have any improvements or new features.