Skip to content

tednaphil/spilled

Repository files navigation

spilled logo

Visit the app here

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

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!

FE Installation Instructions:

  • Visit the deployed link
  • OR run the following on command line to clone the repo and run the app locally:
    git clone [email protected]: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

About

Browse and learn about some of your favorite teas and blends

Topics

Resources

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •