"What am I wearing today?" Building a Community Responsive Web

Portfolio Introduction

In this project, we developed a responsive web service that recommends outfits based on the user’s preferred styling. To maximize user experience, we implemented responsive web design, ensuring consistent performance across various devices. Additionally, we utilized asynchronous calls and backend APIs to enable the fastest and most efficient data retrieval. This project was deployed in an on-premises environment.

Scope of Work

The project was carried out in the following stages:

1. Requirement Gathering: We collected and analyzed customer requirements to set the direction and objectives of the project.
2. Storyboard Creation: We created a storyboard to visually represent the project flow and user interface.
3. Design: We completed the web design, considering user experience and visual effects.
4. Publishing: We published the designed web pages using HTML, CSS, JavaScript, and jQuery.
5. Frontend/Backend Development: We simultaneously developed the frontend and backend systems.
6. Unit and Third-Party Testing: We performed unit tests for each feature and verified them through external testers.
7. User Testing: We conducted tests with actual users, collected feedback, and incorporated improvements.
8. Release: After passing all tests, we released the final web service.

Key Features

The main features of this project are:

1. Style Curation: Based on the information entered by the user, the system recommends the most suitable styles. Users can input their preferred style, weather, events, etc., and receive curated recommendations accordingly.
2. Mailing Service: Using batch jobs, recommended styles are sent to users via email. This allows users to check their recommended styles every morning in their inbox.

Technologies Used

We utilized the following technologies for this project:

1. Server Configuration: We used Windows Server 2016 Standard (IIS) for server configuration. IIS was chosen for its stability as a web server and compatibility with PHP.
2. Backend: PHP was used to develop the backend. PHP is a widely used server-side scripting language known for its rapid development and ease of maintenance.
3. Database: We managed data using MariaDB, an open-source version of MySQL, known for its high performance and reliability.
4. Frontend: The frontend was implemented using HTML5, CSS3, JavaScript, and jQuery. HTML5 and CSS3 adhere to the latest web standards, enabling responsive design, while JavaScript and jQuery were used to create dynamic user interfaces.

Project Outcome

Through this project, users can conveniently select their outfits and prepare for the day. The responsive web design provides optimal user experience across desktops, tablets, and mobile devices. Additionally, asynchronous calls ensure fast data processing, enhancing user satisfaction.

This project is considered a successful example of achieving technical excellence and user convenience simultaneously. Moving forward, we plan to develop more services that can provide satisfaction to a broader audience based on these technologies.