Skip to content

Mrunal-Malkar/Bookstore-website-MERN-stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

28 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

##πŸ“š Online Bookstore β€” MERN Stack Project## Welcome to my first fully integrated and deployed MERN Stack project β€” an Online Bookstore! This project showcases complete frontend and backend integration, user interactions, and smooth deployment from local development to production. Screenshot (49)

πŸš€ Features βœ… Fullstack integration (React frontend + Node.js/Express backend)

βœ… RESTful API communication

βœ… MongoDB database for book storage

βœ… Authentication & secure environment setup

βœ… Deployment with CORS handling and environment variables

πŸ›  Tech Stack Frontend: React.js, Tailwind CSS

Backend: Node.js, Express.js

Database: MongoDB Atlas

Deployment: Vercel (frontend) & Render/Heroku (backend)

πŸ“₯ Installation Guide Follow these steps to run the project locally:

  1. Clone the Repository bash Copy Edit git clone https://github.com/your-username/online-bookstore.git cd online-bookstore
  2. Install Frontend Dependencies bash Copy Edit cd client npm install
  3. Install Backend Dependencies bash Copy Edit cd ../server npm install βš™οΈ Environment Variables Setup Create a .env file inside the /server folder with the following:

bash Copy Edit PORT=5000 MONGO_URI=your_mongodb_connection_string CLIENT_URL=http://localhost:3000 JWT_SECRET=your_jwt_secret_key (You can adjust variable names based on your code.)

πŸ–₯️ Running the Project Open two terminals β€” one for backend, one for frontend.

Start Backend Server bash Copy Edit cd server npm run dev Start Frontend App bash Copy Edit cd client

npm start

Backend will run at: http://localhost:3000 Frontend API will run at: http://localhost:51732

🌐 Live Demo πŸ”— Visit Live Project (Replace this link with your bookstore's live URL.)

✍️ Lessons Learned Deployment is a different game compared to local development.

Handling CORS, environment variables, and server configurations is critical for a live fullstack app.

Debugging locally β‰  debugging in production. Be prepared!

🀝 Contribution Contributions, issues, and feature requests are welcome! Feel free to fork the repo and submit a Pull Request.

πŸ“© Contact Connect with me on X/Twitter or LinkedIn.

About

this is the basic project in which i have built an e-commerce website using MERN stack.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors