Roasted

Roasted is an application serving as a React.js, Redux, Express, PostgreSQL full stack solo project to display current skill level in these areas. The aim is to make a copy of the popular Untapped.com website centered around coffee.

Demo

https://roasted-sh.herokuapp.com/

Tech Stack

Client:

Server:

Deployment

To deploy this project run

//../roasted/backend
  npm install

//../roasted/frontend
  npm install

• create an .env file following the structure prodivded by the .env.example file
• create a PostgreSQL user

//.../roasted/backend
  npm start

//.../roasted/frontend
  npm start

Documentation

Feature List

Database-Schema

API Routes

React Components

Redux Store Tree

Features

• Create user account
• Log in with a created user account / Demo-user login
• Create/Read/Update/Delete coffee drinks
• Create/Read check-ins
• Create/Read/Update/Delete comments on check-ins

Screenshots

To-Do/Future Features

• Comments on coffees added by the user
• Google map integration to assist check-in location

Lessons Learned

First project using React components as well as Redux fetching a SQL database backend. However, became smoother with each addition. The use of vanilla CSS prooved to be difficult, but the site is built as I envisioned.