Image of full-stack-web-app

Full Stack Web App

2025

The full stack web app project is completed as part of a course work in web application development in May 2025 with the University of Sydney

The project is completed between 4 group members of studying computer science, software engineering and interaction design. Completed with Jing, Sharang and Gillian.

The project required team members to design and develop a full-stack web application for a second-hand phone online purchasing system, along with an administrative system, using the MERN stack (MongoDB, Express.js, React.js, and Node.js), based on the project brief. The design was modeled after commercial online retail platforms to ensure real-world scenarios and edge cases were considered.

The databases are connected and accessed through asynchronous communication, allowing data to persist within the web application unless updates are made.

Image 1 of Full Stack Web App

Home Page

Image 2 of Full Stack Web App

Product Page

Image 3 of Full Stack Web App

Search Page

Image 4 of Full Stack Web App

Checkout Pagw

Image 5 of Full Stack Web App

Admin Management Homepage

Image 6 of Full Stack Web App

Listing Management

Image 7 of Full Stack Web App

Listing Management Editor

Image 8 of Full Stack Web App

Sales and Activity Log

Image 9 of Full Stack Web App

System Activity Log

Home Page

Product Page

Search Page

Checkout Pagw

Admin Management Homepage

Listing Management

Listing Management Editor

Sales and Activity Log

System Activity Log