Weekend Planner

Page	Mobile	Desktop
Search Page
Checkout Page

This repo is for a generic "Weekend planner" where you add, remove, and review selected movies you plan on watching in order to fill up your weekend (48 hours). It was done in 4 hours and is by no means complete, but it does have some cool examples of how I like to code in it.

View Live on Netlify

Stack/packages/things to note

• Bootstrapped with Create React App + typescript.
• styled-components for styles
• react-use for localStorage hook
• constate for context hook
• canvas-confetti for fun reasons.
• Components use Deductive Component Language

Starting the app

1. add a .env file to your root that sets your omdb API key

   REACT_APP_OMDB_KEY=YOURKEYGOESHERE
   

2. In the project directory, run:

   yarn start
   

   Note: you should be able to add/remove movies by clicking or tab + enter. If you select over 48 hours worth of movies (a weekend's worth) then the Checkout page has a nice surprise.

3. Written test can be run by:

   jest utils