You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
Cloudinary API
Random cocktail API
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"
Set up Postgres database
Unsolved Problems
Setting clear user interface to direct users' attention, especially on forms and buttons.
Achieving balance between subtlety and clear path.
Social feature for users to be developed at a later date
Wireframes
ERD
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.
I also want to take notes of the ones that I like and the ones that I don't so that I can avoid buyer's remorse.