Demo: https://jobarcelona-23.vercel.app/
The project is a NUWE's challenge for entering the JOBarcelona '23 Hackathon
App for querying the Spoonacular's API. You can enter any term in the searchbar and the app will show you a group of cards with the API's response. In this case, we're interested in the recipe's ingredients, picture and if the recipe is vegan or veggie. You can filter the recipes by wether they are veggies or vegans. Also, you can navigate to a dynamic route with each recipe. There you can see the recipe's ingredients and go back to the home page.
- Layout with cards.
- Requests to Spoonacular's API
- Dynamic routing
- Veggie or vegan filter.
- Animated on hover cards
- Caching
# run commands
npm i
npm run dev
- Typescript: we use Typescript because we think that coding with it help us avoid bugs.
- NextJS: React's framework that helps us creating a structure and has a great routing system.
- React: it helps us creating reusable components.
- Redux Toolkit: library for managing global state. It helps us to separate the global state logic from the UI.
- TailwindCSS: CSS framework.