A simple and beautiful Todo application built with React Native, Expo, and Convex.
- Create, Read, Update, Delete (CRUD) Todos: Easily manage your tasks.
- Mark as Complete: Tap on a todo to mark it as complete.
- Real-time Database: Powered by Convex for seamless real-time data synchronization.
- Cross-Platform: Works on iOS, Android, and the web.
- Dark Mode: Automatically adapts to your system's theme.
- Progress Stats: View your progress with a simple and elegant progress bar.
- Danger Zone: Clear all your todos at once.
| Light Mode | Dark Mode |
|---|---|
 |
 |
 |
 |
 |
 |
 |
 |
- Frontend:
- Backend:
To get a local copy up and running, follow these simple steps.
- Node.js
- npm or yarn
- Expo CLI
- Clone the repo
git clone https://github.com/your_username_/Todo.git
- Install NPM packages
npm install
- Start the server
npm start
.
├── app
│ ├── (tabs)
│ │ ├── _layout.tsx
│ │ ├── index.tsx
│ │ └── settings.tsx
│ └── _layout.tsx
├── assets
│ ├── images
│ └── styles
├── components
│ ├── DangerZone.tsx
│ ├── EmptyState.tsx
│ ├── Header.tsx
│ ├── LoadingSpinner.tsx
│ ├── Preferences.tsx
│ ├── ProgressStats.tsx
│ └── TodoInput.tsx
├── convex
│ ├── todos.ts
│ └── schema.ts
├── hooks
│ └── useTheme.tsx
...
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.