Todo App
@box-community
This app was built completely with cursor using the Box MCP server to find a PRD and coding guidelines.
Overview
What is Todo App?
A comprehensive todo application consisting of a React Native mobile app and a Node.js/Express backend API. It provides user authentication, task list management, and cross-platform task tracking for iOS and Android.
How to use Todo App?
Set up the API and mobile app separately. Install dependencies with npm install in both api/ and mobile-app/ directories, configure environment variables (MONGODB_URI, JWT_SECRET, EXPO_PUBLIC_API_URL), then start the API server with npm run dev and the mobile app with npm start. Use Expo CLI and a simulator or physical device to run the app.
Key features of Todo App
- User authentication (signup, login)
- Task list creation and management
- Task creation with name, description, due date, and priority
- Mark tasks as completed
- Delete tasks and lists
- Cross-platform (iOS & Android)
Use cases of Todo App
- Manage personal daily tasks with deadlines and priorities
- Organize work projects into multiple task lists
- Track progress by marking tasks complete
- Collaborate by sharing task lists (via backend API)
FAQ from Todo App
What are the prerequisites to run Todo App?
Node.js 18+, MongoDB, Expo CLI, and either an iOS Simulator or Android Studio emulator.
What environment variables are required?
For the API: PORT, MONGODB_URI, JWT_SECRET. For the mobile app: EXPO_PUBLIC_API_URL pointing to the API server.
Does Todo App support both iOS and Android?
Yes, the React Native app runs on both platforms using Expo.
How are tasks and lists stored?
Data is stored in a MongoDB database, accessed via a Node.js/Express API with Mongoose.
What authentication method is used?
JWT authentication; the API provides /api/auth/register and /api/auth/login endpoints.