Project Details:
Project Name: Wrist Wise
Starting Date (PHP): July 6, 2023
End Date (PHP): August 21, 2023
Starting Date (Java): Apr 16, 2024
End Date (Java): Apr 30, 2024
Overview:
Wrist Wise is a sophisticated and fully functional e-commerce platform dedicated to selling wristwatches. Initially developed for the SE102.3 Web Application Development module during my 1st-year 2nd semester, this project underwent a significant transformation when we later redeveloped it from scratch using Java and JSP for the Java Enterprise Application Development (SE204.3) module in the 2nd-year 1st semester.
Languages / Frameworks and Libraries:
PHP (initial development)
Java and JSP (rebuild)
HTML
CSS
Bootstrap 4.0 (initial)
Bootstrap 5.3 (rebuild)
MySQL
JavaScript
Project Evolution:
Feature | Old Version (PHP) | New Version (Java) |
---|---|---|
Frontend Framework | Made with Bootstrap 4.0 | Made with Bootstrap 5.3 |
User Interface (UI) | UI is not great | UI is superb |
Form Submission | Every POST method reloads the page | Some POST methods handled by JavaScript async, so the page does not reload |
Admin Panel Functionality | Limited functionalities | Full of functionalities |
Security | Less secure | Security upgraded with backend enhancements |
Cart Functionality | Cart recalculates on reload | Real-time cart calculation when items are removed or quantities are changed |
Functionality:
Wrist Wise serves as an online marketplace for wristwatches, offering features such as secure user login, seamless shopping, stock management, and an admin panel for effortless control.
User Registration and Login: Secure authentication system using PHP sessions (initial build) and Java authentication mechanisms (rebuild). Users can log in, log out, and manage their accounts with enhanced security against SQL injection attacks.
Shopping and Cart Management: Users can browse products, add items to their cart, and view prices, discounts, and total order amounts. Authentication is required to complete purchases. Real-time cart calculations update immediately when items are removed or quantities are changed.
Product Management: Inventory management includes stock counts, with automatic updates upon purchase. Discounts are displayed clearly, and out-of-stock products are marked with appropriate messages.
Admin Panel: Restricted to authorized administrators, the panel allows for product updates, order management, user administration, and communication with customers. This feature was meticulously implemented in both the PHP and Java versions.
Design and User Experience (UX):
The platform was designed with responsiveness in mind, ensuring seamless functionality across various devices. Smooth animations, transitions, and engaging hover effects were integrated to enhance user interaction and overall experience.
Team Contribution:
This project was a collaborative effort, and I had the privilege of leading the team for both the initial build and the Java-based rebuild. My teammates provided invaluable support and contributions throughout the project phases. While I took on a significant portion of the development tasks, the success of Wrist Wise is a testament to our collective effort and teamwork.
Student ID | Name | GitHub Username |
---|---|---|
27292 | GUI Perera (Group Leader) | |
27601 | SWKR Pinsiri | |
27578 | MJM Shaahid | |
27958 | MCA Jayasingha | |
26961 | JKS Senevirathna |
Summary:
Wrist Wise stands as a transformative experience in my web development journey. It allowed me to explore and implement a wide range of web development concepts and techniques, from PHP to Java. Leading this project, both initially and during the rebuild, significantly enhanced my technical skills and provided deep insights into creating secure, user-friendly e-commerce platforms. This experience has been instrumental in shaping my capabilities as a developer, highlighting the importance of collaboration and continuous learning.
Open Source Contribution:
We have made Wrist Wise public and open source to benefit the developer community. The full technical documentation for the new project can be found here. You can access the repositories for the old and new versions of the project at the following links:
Project Screenshots:
Below are the screenshots showcasing the new version of Wrist Wise, highlighting the sleek dark theme, user-friendly interface, real-time cart calculations, and extensive admin panel functionalities. These images demonstrate the improved design and enhanced features that make Wrist Wise a comprehensive e-commerce platform for wristwatches.








