Welcome to our full-featured front-end application, with a focus on mobile design!
Our goal was to create a recipes app that allows users to simulate a login and search for meals or cocktails recipes, with filters for ingredients, name, nationality, and more. Users can also mark a recipe as done and save it as a favorite, making it easy to access later.
Developed with React.js functional components, using native and custom hooks, and with Context API for state management, our app was created with mobile use in mind, so we recommend using it on your mobile device for the best experience.
Click here to see the current state of the application.
- View meals and cocktail recipes
- Search for recipes by name or ingredient
- Filter recipes by category, area, ingredient, or drink type
- Mark recipes as favorites
- Follow the step-by-step preparation progress of each recipe
- TheMealDB API
- TheCocktailDB API
To use this application, simply clone this repository and install the dependencies using the command:
npm install
Then, run the command:
npm start
- React
- Redux
- React-Redux
- Context API
- Hooks
- CSS
- Michael Robert
- Antonio Marchiori
- Igor Alegria
- Elvine Santos
- Gleidson
- Making the page fully responsive;