https://github.com/yashpandit09/xtremecutters
E commerce Website
https://github.com/yashpandit09/xtremecutters
backend cart form-validation frontend html-css-javascript reactjs responsive-design
Last synced: 2 months ago
JSON representation
E commerce Website
- Host: GitHub
- URL: https://github.com/yashpandit09/xtremecutters
- Owner: YashPandit09
- Created: 2025-04-08T14:18:15.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-08T14:21:40.000Z (about 1 year ago)
- Last Synced: 2025-04-10T00:39:50.766Z (about 1 year ago)
- Topics: backend, cart, form-validation, frontend, html-css-javascript, reactjs, responsive-design
- Language: HTML
- Homepage:
- Size: 13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Xtreme Cutters Website
A responsive e-commerce platform for Xtreme Tooling India's industrial cutting tools.
## Overview
This project is a web-based storefront for Xtreme Cutters, showcasing premium carbide drills and cutting tools for construction and industrial applications. The site features product listings, interactive product configuration, and shopping cart functionality.
## Features
- Responsive design for all devices
- Product catalog with detailed specifications
- Interactive product configuration with real-time pricing
- Shopping cart using local storage
- User registration and login system
- Contact form for custom product inquiries
## Pages
- **Home**: Company introduction with featured products
- **Products**: Overview of all available tools
- **Product Details**: Individual pages for each product type:
- Solid Carbide Ballnose
- Solid Carbide Endmill
- Solid Carbide Reamer
- **User Account**: Registration and login
- **Cart**: Review and manage selected items
- **Contact**: Form for inquiries
## Technologies
- HTML5
- CSS3
- JavaScript (ES6)
- Local Storage API
- Google Fonts
## Installation
1. Clone the repository
2. Open `FrontPage.html` in any web browser
## Project Structure
```
xtreme-cutters/
├── FrontPage.html # Home page
├── Products.html # Products catalog
├── Product[1-3].html # Individual product pages
├── Register.html # User registration
├── login.html # User login
├── contactus.html # Contact form
├── cart.html # Shopping cart
├── style.css # Main stylesheet
├── Product1.css # Product-specific styles
└── images/ # Image assets
```
## Usage
Browse products from the catalog, select configurations on product pages, and add items to cart. Create an account to track orders and contact the company for custom requests.
## Development
To add new products:
1. Create HTML files following existing templates
2. Add images to the images directory
3. Update navigation menus across all pages
4. Add product entries to the Products.html page
## Future Enhancements
- Server-side authentication
- Payment processing
- Product search and filtering
- Customer reviews
- Admin dashboard
## License
© Xtreme Cutters All Rights Reserved