/tasteIT_recipe_app

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

Primary LanguageJavaScript

TasteIT

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

Created as a part of React course by @margittennosaar 🦊

Screenshot

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