Welcome to TodoListReactNative, a project showcasing the power of React Native for building cross-platform mobile applications. This project focuses on creating a simple yet effective todo list application with various features. Dive in and explore the magic of React Native, reusable components, props, and the convenience of Expo for running your React Native app.
- Simple Todo Management: Add, edit, and delete tasks effortlessly.
- Responsive Layouts: Utilize React Native's flexibility for responsive and engaging layouts.
- Reusable Components: Discover the beauty of creating modular and reusable components for a cleaner codebase.
- Props Passing: Learn how to pass props efficiently to custom components, enhancing the flexibility of your application.
Follow these steps to get the project up and running on your local machine:
-
Clone the Repository:
git clone https://github.com/nischay-code/TodoListReactNative.git cd TodoListReactNative
-
Install Dependencies:
npm install
Run the App:
expo start
This will start the Expo development server and provide you with options to run the app on an emulator or a physical device.
- src/Components: Contains reusable components used across the application.
- src/Screens: Defines different screens of the application, such as the main todo list screen.
- src/Navigation: Handles navigation between screens.
- src/Data: Manages the data and state of the todo list.
- Layouts in React Native: Explore the power of Flexbox and responsive design for creating appealing layouts.
- Reusable Components: Understand the importance of modular components for maintainability and reusability.
- Props Passing: Learn how to pass data and functions between components efficiently.
- Expo Integration: Experience the convenience of using Expo for developing and running React Native apps.
- React Native
- Expo
- JavaScript/TypeScript
- CSS-in-JS (styled-components or any styling approach of your choice)
Contributions are welcome! Feel free to fork the project, make improvements, and submit pull requests. Please adhere to the project's coding standards and guidelines.
Happy coding! 🚀👩💻👨💻