Skip to content

A simple and efficient Todo app built with React Native, allowing users to create, manage, and organize their tasks on the go. This app is designed for both beginners and advanced users to enhance productivity with its clean UI and seamless functionality.

Notifications You must be signed in to change notification settings

Binary-Shade/React-Native-TODOist

Repository files navigation

React Native Todo App

A simple and efficient Todo app built with React Native, allowing users to create, manage, and organize their tasks on the go.

Features

  • Add Todos: Quickly add tasks with a simple input field.
  • Mark as Completed: Mark tasks as completed with a single tap.
  • Delete Todos: Remove tasks you no longer need.
  • Persistent Storage: Keep your todos saved even after restarting the app.
  • User-Friendly UI: Clean and intuitive design for a seamless user experience.

Demo

Add Todo Mark Complete Delete Todo
Add Todo Mark Complete Delete Todo

Installation

Follow these steps to set up the project locally:

  1. Clone the Repository

    git clone https://github.com/Binary-Shade/React-Native-TODOist.git
  2. Navigate to the Project Directory

    cd react-native-todo-app
  3. Install Dependencies

    npm install

    or

    yarn install
  4. Run the App

    • For Android:
      npx react-native run-android
    • For iOS:
      npx react-native run-ios

Technologies Used

  • React Native: Framework for building mobile applications.
  • React Navigation: For navigating between screens (if applicable).
  • AsyncStorage: For local data persistence.
  • Expo (Optional): For simplified development and testing.

How to Use

  1. Open the app on your device or simulator.
  2. Add a task using the input field and press the "Add" button.
  3. View your tasks listed below.
  4. Tap on a task to mark it as completed.
  5. Swipe left (or tap a delete button) to remove a task.

Contributing

Contributions are welcome! If you'd like to contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix:
    git checkout -b feature-name
  3. Commit your changes:
    git commit -m "Add feature-name"
  4. Push to the branch:
    git push origin feature-name
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

If you have any questions or feedback, feel free to reach out:

About

A simple and efficient Todo app built with React Native, allowing users to create, manage, and organize their tasks on the go. This app is designed for both beginners and advanced users to enhance productivity with its clean UI and seamless functionality.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published