The Meals App is a React Native application designed to help users browse and select various meal recipes. It serves as a practical example for learning and implementing React Navigation within a React Native environment.
- Browse Meals: Explore a variety of meal categories and recipes.
- Meal Details: View detailed information about each meal, including ingredients and preparation steps.
- Favorites: Mark meals as favorites for quick access.
- Navigation: Seamless navigation between different screens using React Navigation.
- Node.js installed (version 16 or higher recommended).
- npm or yarn package manager installed.
- A working React Native environment set up.
-
Clone the repository:
git clone https://github.com/Gabriel-Jesusvix/Meals-App.git cd Meals-App
-
Install dependencies:
npm install # or yarn
-
Start the application:
npm start # or yarn start
- React Native: For building the mobile application.
- React Navigation: For handling navigation within the app.
- TypeScript: For static typing and improved code quality.
- Redux Toolkit: For state management and handling favorite recipes.
- Context API: For lightweight state sharing between components.
The primary goal of this project is to facilitate understanding and hands-on experience with the following concepts:
-
React Navigation:
- Implementing both stack and drawer navigations.
- Passing and receiving parameters between screens using
params
.
-
TypeScript:
- Enhancing code reliability and maintainability through proper typing.
-
State Management:
- Using Context API and Redux Toolkit to manage favorite recipes.
- Displaying the list of favorite recipes on a dedicated screen.
-
Architecture:
- Following a modularized architecture for better code organization and scalability.
Check out the video below to see the application in action:
Screen.Recording.2024-12-20.at.14.22.27.mp4
- Fork this repository.
- Create a new branch for your feature:
git checkout -b feature-name
. - Commit your changes:
git commit -m 'Add new feature'
. - Push to your branch:
git push origin feature-name
. - Submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
Visit the repository on GitHub: Meals App