Vegan Inspired is an online application which allow everyone to contribute in vegan inspired collection of racips. User can add, edit, and delete racips. However, Vegan Inspired works more as a collection of ideas, quick links, rather than recips themselves. Full recips being attached as a link on the bottom of every card. This app's goal is to connect people who are interested in vegan diet, build the collection of recips and get inspired by others.
Vegan Inspired has an informative purpose. It provides sets of quick links for inspiration.
User can not only read through and go to other coulinary pages thanks to the links attached but also add their own cards, delete and edit the others.
Wireframes: https://github.com/pjachimowski/renewable/blob/master/wireframes.html
Logo at the top left corner (self designed)
- a link to home page Home btn -a link to home page
Teaser -short description of EU
Content -list of cards with inspirational describtion and the links.
Footer
- social links to a community members
- a link to author's GitHub profile
- copyright
###In the future:
- user log in and personal collections
- more content
- rating system
- filter by category
###Languages
- HTML
- CSS
- JavaScript
- Python ###Libraries
- Bootstrap (https://getbootstrap.com/)
- Fontawesome (https://fontawesome.com/)
- Materialize Documentation (https://materializecss.com/) ###Database
- MongoDB (https://www.mongodb.com/)
- Cards:
- click on edit to redirect to edit page (all existing data editable); click on Edit Recip to safe
- click on delete to delete card
- click on Manage Categories to add, edit and delete category
Data collections on my private Cluster (myFirstCluster): https://cloud.mongodb.com/v2/5dcf198d014b76f246a31c36#metrics/replicaSet/5dd5a701cf09a2b7a2e3e42e/explorer/myTestDB/myFirstMDB/find
- I use fragments of the code from previous lessons of Code Institure's first three modules. All codes were sourced from my own profile onGitHub portal Parts of the code were edited and adjust to page layout.
Pictures in "teaser" elements were downloaded for free picture collection https://www.pexels.com/ Icons were taken from font awesome portal. Entire text was edited by author.
- I received inspiration for this project from various lessons conducted at Code Institute