pixelsnow / tasteIT_recipe_app

Recipe web app that allows the user to browse recipes and add their own.

TasteIT

Recipe app where users from all over the world can share their favourite dishes 🥘

Created as a part of React course by @margittennosaar 🦊

How to run

• npm install to install all dependencies
• npm run server to run JSON Server
• npm start to run the app on http://localhost:3000/

Technologies used

• React
• Axios
• JSON Server (for development)
• Countries API
• Jest & React testing library for testing

Tests

• TEST GROUP 1: Making sure that all 3 cards on the home page are rendered correctly
• TEST GROUP 2: Snapshot test
• TEST GROUP 3: Navigation test - mimicking user navigating the website (Also checking that pages were rendered correctly in the process)
• TEST GROUP 4: Testing form functionality, mimicking user actions
• TEST GROUP 5: Testing that Countries API is up and working
• TEST GROUP 6: Testing that our JSON server is up and working
• TEST GROUP 7: Testing "under the hood" functions (parseCountries)

Must-have features

• ✓ Function components + hooks
• ✓ Separated components (using props)
• ✓ Event handlers (onClick, onSubmit)
• ✓ Conditional rendering
• ✓ Lists and Keys
• ✓ Form
• ✓ Routing
• ✓ GET and POST to JSON-server db.json
• ✓ Styling
• ✓ Optimized and clean code without errors or warnings
• ✓ User can add and see recipes.
• ✓ For the countries use Countries API