Sports Warehouse Project
An e-commerce website for sporting goods
Sports Warehouse is a dynamic student project developed as part of the TAFE Diploma in IT, simulating a complete e-commerce website for sporting goods. The platform was built using PHP for back-end processing, along with HTML, CSS, and JavaScript for a responsive, user-friendly front end.
Designed with a modular architecture, the system utilizes reusable PHP classes, configuration files, HTML templates, and logic-based controllers to manage content and functionality. This mirrors real-world web development practices and emphasizes scalability.
Key features include category-based product browsing, intelligent search, a persistent shopping cart, and a secure, multi-step checkout process. Customers can add multiple items to their cart, input personal and delivery details, and complete payment via credit card (validated on the client side using JavaScript). Successful orders generate a unique reference number for confirmation.
On the administrative side, the system includes staff authentication with secure login and password update functionality. Authenticated staff can manage product categories and inventory through an intuitive admin panel.
This project highlights Jane's practical skills in full-stack development, database integration, and user experience design—bringing together multiple technologies to deliver a functional, real-world e-commerce solution.
Project Link: Visit Sports Warehouse
Test Login:
Username: admin
Password: password
Features
- Responsive Design: Works seamlessly on both desktop and mobile devices.
- Clear Project Structure: Organized into Classes, Configuration Settings, HTML Templates, and Main Logic.
- Form Validation: Uses JavaScript to validate user-submitted information on the client side, ensuring accuracy and improving user experience.
- Real-Time Cart Updates: Implements live cart updates via JavaScript without requiring page reloads.
- Search Bar Input Protection: Prevents empty search submissions to reduce unnecessary server requests.
- Admin Dashboard Management: Utilizes an admin dashboard for centralized management of content, users, and orders.
Tools Used
- Frontend Development: HTML, CSS, JavaScript
- Backend Development: PHP, REST API
- Database: MySQL
Some Images