ToDoList App

A modern Expo React Native ToDo application with task management, and a stylish mobile UI. Users can add tasks, mark tasks as complete, and delete or edit them.

---

📱 App Interface Screenshots

Home Screen

Settings Screen

---

Features

• Add, edit, and delete tasks
• Set due time for tasks and get overdue highlighting
• Mark tasks as completed
• Progress stats and empty state UI
• Modern mobile UI with Expo

Tech Stack

• Frontend: React Native (Expo)
• Backend: Convex (serverless database)

Project Structure

ToDoList/
├── app.json
├── package.json
├── app/
│   ├── _layout.tsx
│   ├── tabs/
│   │   ├── _layout.tsx
│   │   ├── index.tsx
│   │   └── settings.tsx
├── assets/
│   ├── fonts/
│   └── images/
├── components/
│   ├── TodoInput.tsx
│   ├── Header.tsx
│   ├── ProgressStats.tsx
│   └── ...
├── convex/
│   ├── todos.ts
│   ├── schema.ts
│   └── ...
├── hooks/
│   └── useTheme.tsx
└── ...

Getting Started

1. Install dependencies:

   npm install

2. Start the Expo development server:

   npx expo start

3. Use the Expo Go app or an emulator to run the app on your device.

API Endpoints (Convex Functions)

• mutation addTodo — Add a new todo
• mutation updateTodo — Edit a todo
• mutation deleteTodo — Delete a todo
• mutation toggleTodo — Mark as completed
• query getTodos — List all todos

Todo Model Example

{
  text: String, // required
  isCompleted: Boolean, // required
  createdAt: String, // ISO date string
  dueTime: String, // ISO date string (optional)
}

License

This project is for educational purposes.