https://github.com/yogeshwaran-25/e-commerce-website
E-Commerce Website
https://github.com/yogeshwaran-25/e-commerce-website
bootstrap css html5 javascript reactjs tailwindcss
Last synced: 3 months ago
JSON representation
E-Commerce Website
- Host: GitHub
- URL: https://github.com/yogeshwaran-25/e-commerce-website
- Owner: Yogeshwaran-25
- Created: 2025-07-09T07:15:12.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-09T07:20:03.000Z (12 months ago)
- Last Synced: 2025-07-09T08:36:27.196Z (12 months ago)
- Topics: bootstrap, css, html5, javascript, reactjs, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 4.88 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# E-Commerce-Website
E-Commerce Website
E-Commerce Website Frontend
A modern, responsive **E-Commerce Website Frontend** built using **React.js**, **Tailwind CSS**, **HTML**, **CSS**, and **JavaScript**. This project showcases a clean user interface for browsing and purchasing products.
---
## 🌟 Features
- 🖥️ Homepage with hero banner and categories
- 🛒 Product listing grid and filtering
- 📄 Product detail page
- 🔍 Search bar for products
- 📦 Shopping cart page
- 👤 Login & Register UI (frontend only)
- 🎨 Beautiful and mobile-first responsive design with Tailwind CSS
- ⚛️ Built using React functional components and hooks
---
## 🛠️ Tech Stack
| Technology | Purpose |
|----------------|---------------------------------|
| React.js | Component-based architecture |
| Tailwind CSS | Utility-first CSS framework |
| HTML & CSS | Semantic structure & layout |
| JavaScript | Frontend logic & interactions |
---
## 📁 Folder Structure
ecommerce-frontend/
├── public/
│ └── index.html
├── src/
│ ├── assets/ # Images and static files
│ ├── components/ # Reusable components (Header, Footer, etc.)
│ ├── pages/ # Route pages (Home, Product, Cart)
│ ├── App.js
│ ├── index.js
│ └── tailwind.config.js
├── package.json
├── postcss.config.js
├── tailwind.config.js
└── README.md
---
## 🚀 Getting Started
1. **Clone the Repository**
```bash
git clone https://github.com/your-username/ecommerce-frontend.git
cd ecommerce-frontend
Install Dependencies
bash
Copy
Edit
npm install
Start the Development Server
bash
Copy
Edit
npm run dev
Then open: http://localhost:5173
🔧 Build for Production
bash
Copy
Edit
npm run build
The optimized build will be in the /dist folder.