Skip to content
Tells you what you can drink
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
README.md
buildData.js
netlify.toml
package-lock.json
package.json
yarn.lock

README.md

Imbibe

I love cocktails but often find myself at a loss for what to make. I built Imbibe so I could keep track of what ingredients I have and get suggestions for tasty drinks I can make.

This was also a demo app for a talk I gave on Concurrent React. There are examples of concurrent mode (using ReactDOM.createRoot()), code-splitting components with React.lazy() and <Suspense>, the new context API with createContext(), plus some hooks (useState(), useEffect() and useMemo()).

I also had fun playing around with a less conventional, less "app-like", design with every drink page theming the site a different colour.

Screenshot 2019-06-11 at 09 29 54

Screenshot 2019-06-11 at 09 30 53

Run locally

  1. Clone this repo
  2. Run npm install
  3. Run npm start to start the dev server
You can’t perform that action at this time.