Skip to content
/ wine Public

A wine web-app for smartphone, to keep track of your wine cellar. Made with AngularJS 1.6, ES6, and Webpack, following Todd Motto's Angular Styleguide. Auto-deploys to GH-Pages via Travis CI.

Notifications You must be signed in to change notification settings

tennisfar/wine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

66 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Wine

This is a web app where you can keep track of the wines in your wine cellar, based on data from the Wine.com Public API.

Live Demo

Build Status

Features

  1. Search for wines available on Wine.com.
  2. Add selected wines to your list.
  3. View details of wines in your list (label, name, vinyard, year).
  4. Add personal comment to each of your wine.
  5. Remove wines from your list.
  6. Sort by wine name, vinyard or year.

Technologies used

The application have been made using AngularJS 1.6 with a beta release of UI-Router (which supports AngularJS 1.5+ components). To be able to store wines on your unit, ngStorage have been implemented.

As grid system, I've chosen the Alpha 6 version of Bootstrap, to try out their rewrite of all components into flexbox.

As JavaScript styleguide I've chosen to rely onTood Motto's guide for AngularJS.

The JavaScript language is ES6, using classes, imports and exports, to mimic Angular 2's code style.

The code is bundled with Webpack.

The app builds on TravisCI and deploys to GitHub Pages (check the gh-pages branch for generated code).

Things to notice (disclaimer)

  1. By using the latest Bootstrap, there can be layout issues on IE9.
  2. The layout optimized for mobile only, and tested with Safari on an iPhone 6.
  3. To be able to save wines for later, be sure your phone does not have Private Browsing enabled.

TODO's

  1. Add loading indicators, preferably using an httpInterceptor to toggle spinner on http calls.
  2. Add auto focus to Search field with an autofocus directive.
  3. Add an error handling if call to API fails, displaying an error message.
  4. Investigate if it's possible to check whether saving to local storage is possible, and if not, display a warning message.
  5. Add BabelJS and convert app from ES6 to ES5.

About

A wine web-app for smartphone, to keep track of your wine cellar. Made with AngularJS 1.6, ES6, and Webpack, following Todd Motto's Angular Styleguide. Auto-deploys to GH-Pages via Travis CI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published