modern-kitchen-book

🍉 LIVE Demo

https://naughty-mccarthy-d9b4e0.netlify.app/

🍲 API Source

https://www.edamam.com/

🍫 Used technologies and libraries

• React
• react-router-dom
• @fortawesome/react-fontawesome

🍰 If u want to try on your machine

Make sure that you have installed NPM, REACT and REACT-SCRIPTS

git clone https://github.com/janmager/modern-kitchen-book.git
cd modern-kitchen-book
npm install
npm start

🥪 Release Notes

v. 1.1.13 - Filters of searching recipes

• made filters of searching recipes

v. 1.1.12 - Go back from recipe subpage

• added 'Back to home' on recipe subpage
• fixed bug with 'loading' text
• fixed mobile flex wrap with filters

v. 1.1.11 - Filters in search form

• added searching filters (vegetaria, vegan, low sugar, fish free, fat free, gluten free, egg free, dairy free) just design without methods and functions
• fixed bugs with hover on active page box in pagination component

v. 1.1.10 - Pagination design

• added active class to pagination component, now we know on which page we are

v. 1.1.9 - Design

• added arrows next and prev to pagination system
• 6 recipes in the row, 12 on the one page
• showing only that recipes which has got information about time to prepare

v. 1.1.8 - Pagination system

• made pagination system (with basic design)

v. 1.1.7 - Loading script

• divided to more components
• loading script
• little mobile UI CSS improvements

v. 1.1.6 - Folders structure

• different folders structure, more clean
• little CSS changes

v. 1.1.5 - Better code

• recode to newest React Standards
• little CSS fixes
• updates 'How to run' in README file

v. 1.1.4 - Some little design fixtures

• added new paragraphs to README
• added fontawesome module to project and changed icon of time to prepare
• tidy has been made in project folders
• if title is longer than 20 letters - adding (...) in the end
• little images of food on the main screen
• added logo
• changed font to Open Sans
• little UI main screen modifications

v. 1.1.3 - Time to prepare on the main screen

• checking if time to prepare exist in API
• if exist app is showing time to prepare recipe not like in last update (ex. 145min) now it is 2h 25min

v. 1.1.2 - UI

• new UI design
• added time to prepare (not formatted and validated) on searching screen
• some mobile corrections

v. 1.1.1 - First upload

• just upload all files