img
gradient

Wrist Wise: A Comprehensive E-commerce Platform for Wristwatches

Written by Upeksha Indeewara

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)

@upekshaip

27601

SWKR Pinsiri

@Kavindu-R

27578

MJM Shaahid

@MShaahid

27958

MCA Jayasingha

@ChethakaJayasingha

26961

JKS Senevirathna

@Shyaminda


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.