Spirited Quarantini

A Mod 3 group project. Assigned technology to learn:

• TypeScript
• group added challenge of React Hooks

Overview

Spirited Quarantini is an app using The Cocktail Database for a quarantined user. Our user wants access to easy cocktail recipe instructions to become their own bartender. Our app inspires a user to try new recipes, favoriting or marking a drink as made.
They will see a displayed list of cocktails, or trying the cocktail of the day are featured for additional inspiration.

Deployed App: https://spiritedquarantini.netlify.app/

App Demo

Setup

Clone This Repo

That's right, clone not fork. You will use this repo multiple times, but you can only fork a repository once. So here is what you need to do to clone the repo and still be able to push changes to your repo:

1. Clone down this repo. Since you don't want to name your project "webpack-starter-kit", you can use an optional argument when you run git clone (you replace the [...] with the terminal command arguments): git clone [remote-address] [what you want to name the repo]
2. Remove the default remote: git remote rm origin (notice that git remote -v not gives you back nothing)
3. Create a new repo on GitHub with the name of [what you want to name the repo] to be consistent with naming
4. Copy the address that you would use to clone down this repo - something like git@github.com:...
5. Add this remote to your cloned down repo: git remote add origin [address you copied in the previous step] - do not include the brackets

Now try to commit something and push it up to your new repo. If everything is setup correctly, you should see the changes on GitHub.

Then install the library dependencies. Run:

npm install

To verify that it is setup correctly, run npm start in your terminal. The app should start automatically, and you should see a login page to enter your name for Spritied Quarantini.

Learning Goals

1. Learn TypeScript
2. Add additional stretch technology: React Hooks
3. Testing all files, including sad paths
4. Solidify React
5. Choose free API and utulize it in app
6. SRP and DRY code
7. Work remotely to ensure a successful project.

Contributors:

• Alex Sodemann: https://github.com/asodemann18
• Becca Steinbrecher: https://github.com/b-stein
• Léah Winters: https://github.com/LeahWinters
• Melissa VanKempen: https://github.com/Melizzo