Skip to content

Prageethek/ToDoListApp

Repository files navigation

📝 ToDoListApp

This is a React Native To-Do List application developed using the React Native CLI, with state management handled via Zustand. It allows users to manage their daily tasks with a sleek and responsive UI based on Material Design principles.


✨ Features

  • Add Tasks – Users can input and add new tasks.
  • Delete Tasks – Tasks can be removed from the list.
  • ✔️ Mark Tasks as Complete – Tasks can be marked complete with visual indicators like strikethrough.
  • 💾 Persistent Storage – Tasks are saved locally using AsyncStorage for data persistence.

🛠 Requirements

  • React Native CLI
  • Functional components with React Hooks
  • Zustand for state management

🚀 Getting Started

⚠️ Make sure your environment is set up following this guide:
React Native Environment Setup

1. Clone the Repository

git clone https://github.com/Prageethek/ToDoListApp.git
cd ToDoListApp

2. Install Dependencies

npm install
# or
yarn install

▶️ Running the App

Start Metro Bundler

npm start
# or
yarn start

Run on Android

npm run android
# or
yarn android

Run on iOS

npm run ios
# or
yarn ios

🧠 For iOS, don’t forget to install CocoaPods dependencies:

cd ios
pod install

📹 Demo

📥 Download Demo Video

🧪 Testing Changes

Open App.tsx and edit your components. Fast Refresh will automatically reflect your changes in the simulator.

  • Reload on Android: Press R twice or Ctrl + M
  • Reload on iOS: Press Cmd + R

📚 Resources


🙌 Contributing

Feel free to fork and submit a pull request. Contributions are welcome!


📄 License

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors