A fully responsive and beautiful website to help with your nutrition. Users can login, add, edit, delete their own recipes. Users can add unique items to their grocery list, or add ingredient names from recipes. Users can view other recipes added by other members of the community and favorite them for easy viewing later. More functionality coming listed under optimizations.
If you don't want to make an account you can use
login : tester@tester.com
pw: password
This account has zero recipes uploaded under it, try it out!
There are two recipes uploaded under different accounts. One under breakfasts (Denver Breakfast Omelette), and one under Desserts (Chocolate Chip Cookies).
There may be more recipes added by the time you test out the app, but those are just other users!
https://accelerated-results-cookbook.herokuapp.com/profile
With heroku leaving free hosting my plan is to switch to something new before November 28th
Tech used: HTML, CSS, JavaScript, Node, Express, MongoDB, EJS
If you find a bug or break something please reach out and let me know so I can work on it.
- Currently you could can add the same recipe to favorites an infinite # of times, don't get too crazy! Will have more time later this week to add a remove from favorites function.
- Fix some responsive issues on the edit recipe modal
Idea for a new feature? please reach out, it may already be in the future plans!
What is coming? - This is a long and ever growing list. Below isn't everything as I am always thinking of ideas for improvement, but as of now I am comfortable releasing this.
- Add ability to add multiple grocery items at once
- Add ability to edit grocery list instead of just update/delete
- Add ability to delete favorites
- A view all recipes link (for user recipes only)
- Add calories per serving and a way to track your calories
- Add a meal planning function where users can place recipes into timeslots/days and choose serving amount
- I've enjoyed the attempts of the styling on my own, but I am not a designer. I am diving into some UI/UX courses that hope will give me some better insight on how to make things look great!
- Rebuild the entire thing with React - I am actually very much looking forward to that!
Users can view specific types, all, gluten-free, vegan, vegetarian. The styling is the same as the profile, 4 recipes per row.
