A complete dynamic Construction E-commerce Website built using React JS, integrated with a powerful admin panel, RESTful APIs, and modern web technologies.
This project provides a full solution for managing construction products, orders, and users with a professional admin dashboard.
This is a feature-rich construction materials website where:
- Users can browse products
- Add to cart
- Place orders
- Admin can manage everything dynamically
Both Frontend and Admin Panel are fully built using React JS.
- React JS (Vite)
- React Router DOM
- Bootstrap CSS
- RESTful API Integration
- React Hooks
- Local Storage
- FontAwesome Icons
- Custom Favicon
- REST API Calls
- Web Hooks
- React-based Admin Dashboard
- Order Management
- Product Management
- User Management
- Courier API Integration
- PDF Invoice Generation using library
Used Library for Invoice PDF:
jspdfjspdf-autotable
- Dynamic product browsing
- Add to cart system
- Order placement
- Cart data stored in Local Storage
- Responsive UI
- Smooth navigation using React Router
- Fast performance using caching
- Upload products dynamically
- Manage products
- Manage users
- Manage orders
- Courier API integration
- Generate invoice PDF
- Dashboard analytics
- Fully secured admin system
- Data fetched from RESTful APIs
- Used Web Hooks for real-time data
- API-based CRUD operations
- Local Storage used for caching cart data
Follow these steps to run the project locally:
git clone https://github.com/HasanTalukderictian/Construction-Website.git
Install all dependencies
1.npm install
2.npm install react-router-dom
3.npm install bootstrap
4.npm install @fortawesome/fontawesome-free
5.npm install jspdf jspdf-autotable