https://github.com/nischay-code/reactnative_expo_todolist
TodoList is a cross-platform mobile app built with React Native, featuring a user-friendly interface for effortless task management.
https://github.com/nischay-code/reactnative_expo_todolist
css expo js react-native
Last synced: about 2 months ago
JSON representation
TodoList is a cross-platform mobile app built with React Native, featuring a user-friendly interface for effortless task management.
- Host: GitHub
- URL: https://github.com/nischay-code/reactnative_expo_todolist
- Owner: nischay-code
- Created: 2022-09-01T18:11:31.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-02-27T04:45:08.000Z (over 2 years ago)
- Last Synced: 2025-01-08T18:15:42.588Z (over 1 year ago)
- Topics: css, expo, js, react-native
- Language: JavaScript
- Homepage:
- Size: 444 KB
- Stars: 0
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TodoList ReactNative 📝
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.
## Features 🚀
- **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.
## Getting Started 🛠️
Follow these steps to get the project up and running on your local machine:
1. **Clone the Repository:**
```bash
git clone https://github.com/nischay-code/TodoListReactNative.git
cd TodoListReactNative
```
2. **Install Dependencies:**
```bash
npm install
Run the App:
```
```bash
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.
## Project Structure 📂
- **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.
## Learnings and Concepts 📚
- **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.
## Technologies Used 💻
- React Native
- Expo
- JavaScript/TypeScript
- CSS-in-JS (styled-components or any styling approach of your choice)
## Contributing 🤝
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! 🚀👩💻👨💻