WesTrinhKL / TopFun

*A for fun web app that allow users to post and share their hobbies, favorite foods, top shows, etc.*

TopFun

TopFun is a list based application where you can curate a list of your top foods, games, movies, resources, etc. and share it with others! Made with React, Express, vanilla CSS (no 3rd party components), Sequelize, PostgreSQL.

Technologies

• 
• 
• 
• 
• 
• 
• 
• 

Features

Landing Page

Registration / Demo

Feed Page

List Item View

CRUD List and List Items

Getting started

1. Clone this repository

git clone this repo

2. Install npm dependencies for both the /frontend and /backend

cd frontend
npm install

cd backend
npm install

3. In the /backend directory, create a .env based on the .env.example with proper settings
4. Setup your PostgreSQL user, password and database and ensure it matches your .env file
5. Run migrations and seeds in the /backend

npx dotenv sequelize db:create
npx dotenv sequelize db:migrate
npx dotenv sequelize db:seed:all

6. Start both the backend and frontend

npm start

7. Open localhost:3000 for front end
8. Test backend API w/ localhost:5000 on postman

Contact

Wes Trinh

[e-mail]