📱 Todo App – React Native Real-Time Task Manager

A modern cross-platform Todo application built using React Native, Expo, and Convex for real-time backend synchronization.

---

🚀 Overview

This application is designed to deliver a fast, scalable, and real-time task management experience across mobile devices.

The project demonstrates modern mobile engineering practices including:

• Real-time backend synchronization
• Cross-platform mobile architecture
• Scalable frontend structure
• Functional React Native components
• Serverless backend integration
• Clean and maintainable code organization

---

🌐 Application Information

Category	Details
📱 Platform	Android / iOS
⚛️ Framework	React Native + Expo
☁️ Backend	Convex
🧠 Language	TypeScript
🔄 Data Sync	Real-Time
🚀 Status	✅ Functional Development Build

---

✨ Features

• 📝 Create tasks instantly
• ✅ Mark tasks as completed
• ❌ Delete tasks
• 🔄 Real-time synchronization
• ⚡ Fast development workflow with Expo
• 📱 Cross-platform support
• ☁️ Serverless backend integration
• 🧩 Modular project architecture

---

🧩 Tech Stack

📱 Frontend

• React Native
• Expo
• TypeScript
• React Hooks
• Functional Components

☁️ Backend

• Convex
• Real-time Database
• Server Functions

🛠️ Development Tools

• Node.js
• npm
• Git & GitHub
• Expo CLI
• Environment Variables (.env)

---

📂 Project Structure

TODO_RN/
│
├── app/
│   ├── components/
│   │   └── TodoItem.js
│   │
│   ├── screens/
│   │   └── HomeScreen.js
│   │
│   └── hooks/
│
├── convex/
│   ├── schema.ts
│   └── todos.ts
│
├── assets/
│
├── node_modules/
│
├── .env
├── package.json
├── package-lock.json
└── README.md

---

⚙️ Environment Variables

Create a .env file in the root directory and configure the following:

CONVEX_DEPLOYMENT=dev:your-deployment
EXPO_PUBLIC_CONVEX_URL=https://your-project.convex.cloud
EXPO_PUBLIC_CONVEX_SITE_URL=https://your-project.convex.site

---

🛠️ Installation & Setup

1️⃣ Clone the Repository

git clone git@github.com:inba-web/To-Do-Mobile-App.git
cd To-Do-Mobile-App

---

2️⃣ Install Dependencies

npm install

---

3️⃣ Start the Development Server

npx expo start

---

▶️ Run the Application

You can run the application using:

• 📱 Expo Go
• 🤖 Android Emulator
• 🍎 iOS Simulator

---

---

🔥 Real-Time Functionality

This project uses Convex to provide:

• Instant task synchronization
• Live UI updates
• Real-time database operations
• Serverless backend functions
• Scalable cloud architecture

---

🧠 Learning Outcomes

This project helped in understanding:

• React Native architecture
• Expo development workflow
• Real-time backend systems
• State management with hooks
• TypeScript integration
• Mobile-first UI development
• API and backend synchronization

---

🚀 Future Improvements

• 🔐 User Authentication
• 🌙 Dark Mode
• 📂 Task Categories
• 🔔 Push Notifications
• 📅 Due Dates & Reminders
• ☁️ Cloud Backup
• 📊 Productivity Analytics
• 🧠 AI-based Task Suggestions

---

🤝 Contributing

Contributions are welcome.

If you'd like to improve the project:

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to your branch
5. Open a Pull Request

---

📄 License

This project is licensed under the MIT License.

---

👨‍💻 Author

Inba

Full Stack Developer • Mobile App Developer • Tech Enthusiast

GitHub: https://github.com/inba-web

---

⭐ Support

If you found this project useful:

• ⭐ Star the repository
• 🍴 Fork the project
• 🛠️ Contribute improvements

---

Made with ❤️ using React Native, Expo & Convex