🛍️ E-Commerce Product Catalog – Full Stack Application

A full-stack web application for browsing products, filtering by category, and viewing details. Built with a React.js frontend and a Spring Boot backend, connected via REST APIs and backed by a MySQL database.

---

📁 Project Structure

``` productcatalog/ ├── frontend/ # React.js application (UI) ├── backend/ # Spring Boot application (API) ```

---

🚀 Features

• 🔍 Product listing with image, name, price, and description
• 🧩 Filter products by category
• 📦 Search functionality by keyword
• 📱 Responsive UI for desktop and mobile
• 🔗 REST API integration between frontend and backend

---

🛠️ Tech Stack

Layer	Technologies
Frontend	React.js, Vite, Bootstrap, Axios
Backend	Spring Boot, Spring Data JPA, REST
Database	MySQL
Tools	IntelliJ IDEA, VS Code, Git, GitHub

---

🧪 Local Setup

🔹 Prerequisites

• Node.js & npm
• Java 17+
• Maven
• MySQL

---

🔸 Backend Setup

```bash cd backend

Update application.properties with MySQL DB info

mvn clean install mvn spring-boot:run ```

Runs at:
🔗 `http://localhost:8080\`

---

🔸 Frontend Setup

```bash cd frontend npm install npm run dev ```

Runs at:
🔗 `http://localhost:5173\`

---

📡 API Endpoints

Method	Endpoint	Description
GET	/api/products	Get all products
GET	/api/products/category/{id}	Get products by category ID
GET	/api/categories	Get all categories

---

🙋‍♂️ Author

Bharani Kumar
GitHub

---

📄 License

This project is open-source and free to use.