/buy-sell-website

A demo project to practice and show off our skills

Primary LanguageJavaScript

Reasonable Realities buy-sell demo website

Overview

This was a one week project to demo our team's skills for the Lighthouse Labs Midterm Live-demos. We chose to build a buy-sell website advertising virtual reality avatars. The user has the ability to browse items, favourite an item, filter by price, and message the seller. Users can return to the site later and access their favourited items. Sellers can upload new items, mark them as sold, and/or remove their items from the site.

Main Contributors: Taylor McLeod, CĂ©ilidhe Maher, Bazil Khan

URLs

Runs in localhost:8080 Git repo: https://github.com/youthbazzy/buy-sell-website

Screenshots

Main Page - shows a list of avatars for sale, with images and details listed on cards:

"Main Page"

Login Page - Allows users to log in and initiate a session:

"Login Page"

Item Card - Shows details about the avatar including an image, the maker, a title, a description, and the price. Also includes buttons to favourite the item and message the seller about the item:

"Item Card"

Nav Bar - Shows different menu options depending on whether logged out or logged in as a user or seller:

User Nav Bar

"User Nav Bar"

Admin Nav Bar

"Admin Nav Bar"

Price Filter Bar - Allows users to specify a minimum and maximum price filter for the items listed:

"Filter Bar"

Upload New Item Page - Allows users to upload new avatars:

"Upload Item"

Tech Stack

  • Javascript
  • Express
  • PostgreSQL
  • JQuery
  • AJAX
  • HTML
  • EJS
  • SASS/SCSS

=========

LHL Node Template

This project used the Lighthouse Labs Node Skeleton template available at https://github.com/lighthouse-labs/node-skeleton

Dependencies

  • chalk: ^2.4.2
  • cookie-session: ^2.0.0
  • dotenv: ^2.0.0
  • ejs: ^2.6.2
  • express: ^4.17.1
  • morgan: ^1.9.1
  • pg: ^8.5.0
  • sass: ^1.35.1