JavaSweet Cafe

Project Description

Java Sweet Cafe is a space for coffee lovers to log into their account to have accessibility to a list of either our hot or cold coffees. These unique hot and cold coffees hold special ingredients made from JS Café that allows users to be able to make these beverages right at home. The purpose of this App is allowing users to learn how to make these drinks at home and save money. On top of that, coffee lovers also have the option to document any drinks that they may have created on their own.

DISCLAIMER

Because this app is utilizing the free version of Render, timing for pages to render may delay by a few seconds

Mock User Accounts(can be used to test site)

Email

Diana@catmama.com

Kim@pinklover.com

Xochitl@turtlemama.com

Password

Diana's password: #Diana!3

Kim's password: #KimDang3!

Xochitl's password: #Xochitl4!

Goal for users

Provide user access to the Cafe's ingredients so clients can make the drinks at the comfort of their own home. Allows users to save money as they're learning how to make these drinks at home.

Allows users to create and store drinks that they've worked on, on the app.

Techstack

HTML	CSS	JavaScript	Express
React	Node JS	postgreSQL	emailJS

APIs

Auth0

CoffeeAPI

Minimum Viable Product

Tier 1

User Registration

Provide list of hot and cold coffees from API

Tier 2

Set up drink form

Allow users to add drink of their own

Delete functionality button

TIer 3

Get "facts" card functionality working

Allow users to recieve new facts each time they pressed "get coffee facts" button

Drawing Board/Planning Phase

Official Database Schema

User

User_id	Name	Email
Integer (Primary Key)	Text	Text

Drink

post_id	User_Id	Beverage Name	Ingredients
Integer (Primary Key)	Text	Text	Text

Wireframe

Home Page and Auth0

Welcome Page, Hot Drinks Page and Cold Drinks Page

Coffee Facts Page and Coffee Form

Installation

Back to Contents

This project requires Auth0! Please visit Auth0 to make an account and retrieve a domain and clientid. See .env.example for set up!

Step 1: Clone my project & switch into the project directory.

  git clone https://github.com/Yolisss/2.0JSCafeProject
  cd 2.0JSCafeProject

Step 2: Install all packages.

  cd client && npm install && cd ../server && npm install

Step 3: Setup Environment Variables

• Copy the instructions from both .env.example files in the client and server.

Step 4: Connect the database and the data.

  cd server
  psql postgres -f db.sql

Step 5: Start the program!

Method 1: Have two servers running at the same time.

  cd client && npm start
  // open a new terminal
  cd server && npm start

Method 2: Have just one server running.

  cd client && npm run build
  cd server && npm run start

Note: Client will be running on http://localhost:3000 and server will be running on http://localhost:8080.

Testing

Jest Testing

To run tests on the terminal, go to the Client side and run the following command: npm test