##π 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.

π 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:
- Clone the Repository bash Copy Edit git clone https://github.com/your-username/online-bookstore.git cd online-bookstore
- Install Frontend Dependencies bash Copy Edit cd client npm install
- 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.