markpalfreeman / whiskey-notes

An online book of whiskey tasting notes

Home Page:https://whiskey-notes.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Whiskey Notes

An online book of whiskey tasting notes, inspired by 33 Books.

I wanted a way to take notes on every whiskey I try in a simple, memorable format that has the fields I need. Paper and pencil are fine, but if you're out a bar/restaurant, having something quick and easy is key, and then the digital library is there forever.

Live app at https://whiskey-notes.netlify.app

Features:

  • Save note to database
  • Add/Delete note
  • Route to any note/page directly
  • User login/logout with user-scoped notes
  • Filter note list by rating and name
  • Search all notes
  • Circular selectable chart
  • About page

Learning:

In the process of building this application, I wanted to try out technologies that I'm uncomfortable with in an effort to learn. Here's an ongoing list of things I implemented that were brand new or rusty for me:

  • React
  • React router
  • Firebase w/ re-base & user authentication (thanks @tylermcginnis for tools and examples)
  • Webpack build w/ Babel (thanks @henrikjoreteg for hjs-webpack)
  • Eslint with Standard (thanks @btholt for starter config)
  • Sass mixins
  • Pre-rendered index.html for performance
  • Static file deployment to Surge.sh

Development:

npm install
npm start

About

An online book of whiskey tasting notes

https://whiskey-notes.netlify.app


Languages

Language:JavaScript 73.5%Language:Sass 26.5%