Group Project - 1080p Technology

-- COSC2430 - Web Programming Group Project - Group 5

Table of Contents

Table of Contents

1. Description
2. Built With
3. Installation
   • Prerequisites
   • Installation
4. Features
5. Credits
   • Contributors
   • Third-party Attributions
   • Other Acknowledgements
6. Contact

Description

1080p Technology was established to enhance the shopping experience for tech-savvy enthusiasts. We aim to provide a wide range of products from the latest smartphones, relevant accessories, and all technology-related things.

The scope of this web application is based on a full-stack implementation that includes MongoDB, Express, EJS, and NodeJS. This comprehensive technological stack was used to build a fully functional e-commerce site that allows users to buy and sell a wide range of tech products. With a modern, aesthetically beautiful website built to provide convenience and accessibility, the user experience was a top priority. A responsive design and a live search bar, which allows visitors to search for specific items or filter things depending on price range, are notable features. Vendors can list, change, or delete product listings, creating a more dynamic marketplace environment. Furthermore, the platform extends its capability to delivery drivers, allowing them to track ongoing orders that need to be fulfilled.

Build With

Backend

Frontend

• EJS - Embedded Java Script substituting HTML

Others

Installation

• Clone this project
• Open Project Folder
• Create .env file inside grouproject-fe directory with the following information:

MONGODB_URI = "" # MongoDB URI

• Open two seperate terminals
• Run cd groupproject-fe for both terminals (if terminal is still in root directory)
• Run npm install in either terminals
• Run npm run buildcss in the first terminal
• Run npm run start in the second terminal
• Wait for server to say MongoDB connection SUCCESS
• Open http://localhost:3001/

Features

• Robust Authentication System
• Dynamic Page Rendering
• Role Specific Pages
• Streamlined Ordering System

Credits

Contributors

Name	Student ID	GitHub Profile	Contribution (%)
Tran Mai Nhung	s3879954	Puppychan	20%
Tran Nguyen Ha Khanh	s3877707	hakhanhne	20%
Nguyen Vinh Gia Bao	s3986287	VerstappenRB18	20%
Ton That Huu Luan	s3958304	VNOsST	20%
Ho Van Khoa	s3997024	navahok164	20%

Third-party Attributions

Flowbite

Other Acknowledgements

ChatGPT for generating footer pages

Contact

• Tran Mai Nhung - s3879943:

  • Email: s3879954@rmit.edu.vn - nhungmaitran1412@gmail.com
  • Github profile: Puppychan
  • Linkedin: Nhung Tran

• Tran Nguyen Ha Khanh - s3877707:

  • Email: s3877707@rmit.edu.vn

• Nguyen Vinh Gia Bao - s3986287:

  • Email: s3986287@rmit.edu.vn
  • Github profile: VerstappenRB18

• Ton That Huu Luan - s3958304:

  • Email: s3958304@rmit.edu.vn - chelseafc6170@gmail.com
  • Github profile: VNOsST

• Ho Van Khoa - s3997024:

  • Email: s3997024@rmit.edu.vn
  • Github profile: navahok164