🛍️ Product Management Website

A responsive Product Management web application built using HTML, JavaScript, Tailwind CSS, Node.js, Express.js, and REST APIs. The application allows users to view, add, update, and delete products through a clean and responsive interface.

This project was developed to strengthen my understanding of Tailwind CSS, REST API integration, CRUD operations, and frontend-backend communication.

---

🚀 Features

• 📦 Display all products in a responsive grid layout
• 🔍 View complete details of individual products
• ➕ Add new products
• ✏️ Update existing product information
• 🗑️ Delete products with confirmation
• ✅ Client-side form validation
• 📱 Fully responsive UI built with Tailwind CSS

---

🛠️ Tech Stack

Frontend

• HTML5
• JavaScript (ES6)
• Tailwind CSS
• Vite

Backend

• Node.js
• Express.js

API

• RESTful CRUD APIs

---

📂 Project Structure

Product/
│
├── my-project/         # Frontend (Vite + Tailwind CSS)
│   ├── src/
│   ├── product.html
│   ├── update_product.html
│   └── ...
│
└── server/             # Express Backend
    ├── server.js
    └── package.json

---

⚙️ Installation

1. Clone the repository

git clone https://github.com/Manishkumarbingi/Product-Management-Website.git

cd Product-Management-Website

---

2. Start the Backend

cd server
npm install
npm start

The backend runs on:

http://localhost:3001

---

3. Start the Frontend

Open a new terminal.

cd my-project
npm install
npm run dev

The frontend will start on the Vite development server.

---

📸 Application Flow

• Home page displays all available products.
• Click on a product to view its complete details.
• Add new products using the product form.
• Update existing products.
• Delete products with a confirmation prompt.

---

📚 What I Learned

Through this project I gained hands-on experience with:

• Tailwind CSS utility classes
• Responsive web design
• REST API consumption using Fetch API
• CRUD operations
• Express.js server development
• Form validation
• Asynchronous JavaScript (Async/Await)
• Frontend and backend integration

---