/project-2-App

Jyggr: Alcohol Management App

Primary LanguageJavaScript

Project #2: Building Your First Full-Stack Application

Jyggr

Alcohol is a social lubricant. My love for learning about alcohol led me to develop this project. Named the project jyggr, inspired by the bartending tool used to measure liquor, a jigger. jyggr is an app that keeps track of the liquor you have and your impression of it. No actual connoisseur experience needed.

Technologies Used

Javascript
NodeJS
Express
React
Postgres
Bootstrap 4

Approach

Started with the ERD and Wireframing
Set up one complete circuit using MVC Framework
Laid out all the CRUD routes for creating a collection
Set up user registration and login verification
Add ability for users to create notes and see other users' notes
Refactored some pages by stacking the Edit form into the Show pages
Added additional user friendly features such as Navbar and sorting
Develop social feature for users 

Installation

Use NodeJS and the following dependencies:
	"cloudinary": "^1.16.0",
	"cookie-parser": "^1.4.4",
	"express": "^4.17.1",
	"express-react-views": "^0.11.0",
	"js-sha256": "^0.9.0",
	"method-override": "^3.0.0",
	"moment": "^2.24.0",
	"multer": "^1.4.2",
	"nodemon": "^1.19.4",
	"pg": "^7.12.1",
	"react": "^16.10.2",
	"react-dom": "^16.10.2",
	"url": "^0.11.0"

Unsolved Problems

Setting clear user interface to direct users attention especially on forms and buttons. Achieving balance between subtle button and clear path for users Social feature for users to be developed at a later date

Wireframes

Login page Collection Index page Collection Show page draft 1 Collection Show page Liquor Show page Liquor Index page

ERD

ERD Draft 1 ERD Draft 2 ERD Draft 3 Site Map

User Stories

As a collector, I need information on my collection as well as other trends in the market so that I can make an informed choice when buying to add to my collection or as a gift