Skip to content

A multi-page buy/sell listing application for sneaker lovers

Notifications You must be signed in to change notification settings

Raiza-D/Midterm-Finders-Sneakers

 
 

Repository files navigation

FindersSneakers

A buy/sell listing app that lets you sell your sneakers and browse sneakers available for sale. It's like Craiglist and Kijiji, but with a focus on sneakers!

The creation of the app started with using the 'LHL Node Skeleton' files provided by Lighthouse Labs. The app is a collaboration project created by Gloria Cheung, Osama Abdul Rahman, and Raiza De Guzman, as a way to further practice the tech and approaches learned to date at Lighthouse Labs. The project also allowed practice in employing the major steps of software development such as, user stories, wireframes, ERD, Routes, etc.

Final Product

"Index page if user is not logged in. Nav bar options limited. Top 5 Most Favourited sneakers appear on the page" "Index page if a registered user is logged in. More options in nav bar. Top 5 Most Favourited sneakers appear on the page" "My Collection page only accessible if registered user is logged in. Shows user's posted ads for sneakers they want to sell." "My Favourites page only accessible if registered user is logged in. Shows all ads that have been favourited."

Stacks Used for Project's Development

  • ES6 for server-side (NodeJS) code
  • NodeJS
  • Express
    • RESTful routes
  • jQuery
  • CSS
    • Framework: Bootstrap
    • Preprocessor: SASS
    • Custom CSS properties
  • PostgreSQL and pg (with promises) for DBMS
  • git for version control

Getting Started

  1. Create a database called midterm
  • Create a role called labber
  • Set password as labber
  1. Create the .env by using .env.example as a reference: cp .env.example .env
  2. Update the .env file with your correct local information
  • username: labber
  • password: labber
  • database: midterm
  1. Install dependencies: npm i
  2. Fix to binaries for sass: npm rebuild node-sass
  3. Reset database: npm run db:reset
  • Check the db folder to see what gets created and seeded in the SDB
  1. Run the server: npm run local
  2. Visit http://localhost:8080/

Warnings & Tips

  • Do not edit the layout.css file directly, it is auto-generated by layout.scss
  • Use the npm run db:reset command each time there is a change to the database schema or seeds.
    • It runs through each of the files, in order, and executes them against the database.
    • Note: you will lose all newly created (test) data each time this is run, since the schema files will tend to DROP the tables and recreate them.

Dependencies

  • Node 10.x or above
  • NPM 5.x or above
  • body-parser 1.20 or above
  • chalk 2.4.2 or above
  • cookie-session 2.x or above
  • dotenv 2.x or above
  • ejs 2.6.2 or above
  • express 4.17 or above
  • morgan 1.9 or above
  • pg 8.5 or above
  • sass: 1.35.1 or above

About

A multi-page buy/sell listing application for sneaker lovers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • EJS 47.6%
  • JavaScript 42.1%
  • SCSS 10.0%
  • Shell 0.3%