Recipe app where users from all over the world can share their favourite dishes 🥘
Created as a part of React course by @margittennosaar 🦊
npm install
to install all dependenciesnpm run server
to run JSON Servernpm start
to run the app on http://localhost:3000/
- React
- Axios
- JSON Server (for development)
- Countries API
- Jest & React testing library for testing
- 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)
- ✓ 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