Skip to content

A craigslist mimic aim to give better UI and usability. Giving users a better platform to buy, sell, services, find events, and open discussion forums. static only, no backend.

Notifications You must be signed in to change notification settings

chan34kelvin/HCI-Team-4-4list

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 

Repository files navigation

HCI-Team-4 4-List

Visit our team created site: https://chan34kelvin.github.io/HCI-Team-4-4list/

Our advertisement website based off Craigslist strives to give users a better platform to buy, sell products or services in a wide range of departments, search for jobs, housing or promote community events. The site also provides a platform for interaction via discussion forums and has dynamic posts and news that users can browse to be up to date with facts. With these features, our site aims at giving users a much better experience of navigating through such a happening site.

Team Members and Builders

  • Team Lead: Ashwini Managuli

  • Team Member: Kelvin Ching Kiu Chan

  • Team Member: Alfonso Duarte-Sarabia

  • Team Member: Douglas Hurtado Aragon

Designs

With Figma we used this prototype design tool to design our UI/UX. We were able to design our wireframes and stylize our website mockups. It gave a blueprint on how our project will look and allowed us to easily make any changes to our UI/UX whenever necessary.

https://www.figma.com/file/Q2QH4xGIy4lTWezAVq1Oce/4List-Wireframes?type=design&node-id=0%3A1&mode=design&t=FHcusFmqTRhYS9dF-1

Site Development Report

This report includes every part of the development. From start to finish. All emails and other private info are removed for security reasons.

This is where our executive summary, personas, storyboard, competitive landscape and analysis, etc.. are located.

https://docs.google.com/document/d/1eoVXFlKd53Qy4XiJOh50k56t8i25OtZH4Cs7EwWpXQ8/edit?usp=sharing

Data Encryption

Used Github Secret To Encrypt the KEYs.

References:

https://www.py4u.net/discuss/274502

https://medium.com/@allynak/how-to-use-google-map-api-in-react-app-edb59f64ac9d

https://www.w3schools.com/jsref/jsref_getday.asp

https://bizdetail.com/list-of-bay-area-cities-copy-paste/

This helped me in using browser router instead of hash router in deploying this.

https://github.com/orgs/community/discussions/36010

Npm tools installed

npm i react-router-dom@5.2.0

npm install react-icons

npm install browserify-fs

npm i axios

npm i @react-google-maps/api

About

A craigslist mimic aim to give better UI and usability. Giving users a better platform to buy, sell, services, find events, and open discussion forums. static only, no backend.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 92.8%
  • HTML 4.0%
  • CSS 2.9%
  • SCSS 0.3%