An open API service indexing awesome lists of open source software.

https://github.com/tednaphil/spilled

Browse and learn about some of your favorite teas and blends
https://github.com/tednaphil/spilled

acceptance-testing typescript

Last synced: 9 months ago
JSON representation

Browse and learn about some of your favorite teas and blends

Awesome Lists containing this project

README

          


spilled logo

###

Visit the app [here](https://spilled-seven.vercel.app/)

Single-user application focused on providing educational content on tea types and what makes them unique. Designed to accommodate a wide range of users, ranging in age, gender, and disability status.

###

Contributors




[Asher Spurr](https://github.com/AsherSpurr), [Cory Sanders](https://github.com/corysanders3), [Ethan Duvall](https://github.com/EthanDuvall), [Tayla Phillips](github)

## Preview:


app demo


Technologies Used



react badge
typescript badge
html badge
css badge
router badge
cypress badge
vercel badge

## BE Repo:
- See the new spilled-api repo [here](https://github.com/tednaphil/spilled-api)!

## FE Installation Instructions:
- Visit the deployed [link](https://spilled-seven.vercel.app/)
- OR run the following on command line to clone the repo and run the app locally:
```
git clone git@github.com:tednaphil/spilled.git
cd spilled
npm install
npm start
```

### Run Tests
- Ensure you're running the app locally (see Installation Instructions above)
- Run the following on command line to open Cypress: `npm run cypress`
- Click `E2E Testing`, then `Start E2E Testing` in desired browser
- Select `dashboard_spec` to run all tests

## Context:
Approximately 30 hours were spent to complete this application's test suite and functionality.

- Goals
```
- Learn and implement Typescript in a one week sprint
- Develop robust e-2-e test suite with intercepted network requests
- Consistent and modular file structure
```
- Wins
```
- Handling errors in a sophisticated manner
- Automatic deployments with Vercel
- Use of boolean logic to reduce code strain and complexity
```
- Challenges
```
- Stepping back to see the crossover between JS and TS
- Having users' favorites persist after page reloads - solved initially by using Session Storage since the API originally consumed did not have `POST` or `DELETE` endpoints
```
## Wireframe:


mvp wireframe