Wine-iest is a place for building lists of favorite wines for different occasions. Users can search a database to find wines to add to each list, and can then edit the lists or delete them. Eventually, users will have the ability to manually enter wines that aren't in the database, and share their lists with other users.
Trello board here
In this Project I used:
- HTML
- CSS
- JavaScript
- Express.js / Node.js
- Mongoose / MongoDB
This project follows the MVC structure. The bulk of the project was handled with express. RESTful routing was handled with controllers, and models were used to generate the MongoDB schemas. CSS was used to apply styling throughout.
I began the project by making ultra-lo-fi wireframes on scrap paper (not shown) because I find visuals helpful for processing my ideas. I then created my ERDs, and used them to create models for Users and Wines. The Collexns model came after. Once all of this was accomplished, I began building the basic layout for the controllers, starting with the /seed route. I used Vivino API from user aptash to create the seed database. I then started to build ejs pages for the wines and then moved to the collections ejs pages, ending with the user ejs pages. I nailed down authentication and then began fully building out the rest of the routes. I began styling at the end and apparently fell back in time to the 90s for the first iteration of styling. Later, I will adjust the styling to make it current.
To get start Please Navigate to Wine-iest live on Heroku
If you are fork this repo make sure to npm i to install all necessary dependencies.
The main issues for which I struggle to find a workaround are style-based.
I wanted users to be able to share their lists with other users. I also wanted to allow users to add wines manually to the database. I finally wanted to give users a way to delete and update their profile. Time was the major limiting factor for these concerns.
In addition to the Vivino API mentioned previously, I used chatGPT to help me create forms and to debug code. I consulted W3Schools for information on styling and methods. I also referred to documentation for MongoDB and Mongoose, as well as consulting stackoverflow. I used Computer Hope's color picker to get color codes for styling.
-Thanks to classmate Tyler Carson for helping me find the API I used to create my seed.js model.
-Thanks to gitHub user aptash for creating the Vivino API
-Thanks to instructors Billie & Justin for giving their time to thought-partner and debug with me.
-Thanks to our cohort's Discord crew for keeping me on track and accountable throughout the project.