-
Notifications
You must be signed in to change notification settings - Fork 0
/
README.txt
44 lines (37 loc) · 1.9 KB
/
README.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
To create an app that lets users track their whiskey purchases.
***User Help***
To load the site make sure you have an http server running then navigate to: http://127.0.0.1:8000/
If you have python and want to start up server: python -m SimpleHTTPServer
Deleting the whole db command: new PouchDB('whiskeyTest').destroy()
The GIT repository for the site is: https://github.com/alosdiallo/Whiskey-Tracker
***Plotting***
I used Google Chart APi to help with the plotting of data. I found this easier to use than D3.
https://developers.google.com/chart/interactive/docs/reference
***AutoComplete widget***
I used the jquery autocomplete widget to help me make sure that the user was consistent with
their naming. The user is free to not use the help however.
https://jqueryui.com/autocomplete/#categories
***PouchDB***
The database will be built and handled using PouchDB. Documentation can be found:
http://pouchdb.com/
My reasoning for choosing PouchDB is that depending on the browser the system will
automatically choose between Web SQl, IndexedDB, or Local Storage. This is great as
not every browser supports the same DB architecture.
PouchDB Browser Support:
Firefox 29+
Chrome 30+
Safari 5+
Internet Explorer 10+
Opera 21+
Android 4.0+
iOS 7.1+
Windows Phone 8+
***CSS***
Table design learned from http://www.smashingmagazine.com/ "Top 10 CSS Table Designs"
Here is the link to the tutorial:http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
For the Header I use Google WebFonts and Google Web Font Effects.
https://developers.google.com/fonts/docs/getting_started
I received help with the rating section of the app here is the stackoverflow question that keeps track of what I tried and did:
http://stackoverflow.com/questions/30146014/css-control-for-multiple-divs-with-different-results
To help me style the form I used the html tutorial:
http://www.freshdesignweb.com/css-registration-form-templates.html