🛒 POSTGREMART (PERN Stack E-Commerce App)

🔗 Live Demo: https://postgremart.onrender.com/

POSTGREMART is a full-stack e-commerce web application built using the PERN stack (PostgreSQL, Express, React, Node.js). It includes modern UI, product management, rate limiting, bot detection, and global state management.

---

📸 Screenshots

🏠 Home Page

---

➕ Add Product Page

---

✨ Features

• 🛍️ Product listing, creation, and deletion
• ⚡ Fast and responsive UI with React
• 🎯 Global state management using Zustand
• 🧠 Rate limiting & bot detection for API protection
• 🎨 Modern UI with Tailwind CSS + DaisyUI
• 🔥 RESTful API architecture
• 🐞 Error handling on frontend and backend
• 🚀 Fully deployed full-stack application

---

🛠️ Tech Stack

Frontend:

• React.js
• Zustand
• Tailwind CSS
• DaisyUI

Backend:

• Node.js
• Express.js
• PostgreSQL

Other:

• REST API
• Rate Limiting Middleware
• Bot Detection

---

📁 Project Structure

POSTGREMART/ │ ├── client/ (React Frontend) ├── server/ (Express Backend) │ ├── controllers/ │ ├── routes/ │ ├── db/ │ └── middlewares/ │ ├── assets/ (Screenshots) ├── .env ├── package.json └── README.md

---

⚙️ Installation & Setup

1. Clone the repository
   git clone https://github.com/debojeetmitra/postgremart.git
   cd postgremart

2. Install dependencies

Backend
cd server
npm install

Frontend
cd client
npm install

3. Setup environment variables

Create .env inside /server

DATABASE_URL=your_postgres_database_url
PORT=5000

4. Run project

Backend
cd server
npm start

Frontend
cd client
npm run dev

---

🚀 Deployment

Frontend: Vercel / Netlify
Backend: Render
Database: PostgreSQL (Neon / Supabase)

---

📚 What I Learned

• Full-stack PERN architecture
• PostgreSQL integration
• Zustand state management
• API rate limiting & bot protection
• Deployment on Render
• Clean backend architecture

---

👨‍💻 Author

Debojeet Mitra
GitHub: https://github.com/debojeetmitra
Live: https://postgremart.onrender.com/

---

⭐ Support

If you like this project, give it a ⭐ on GitHub!