Dooit - Modern To-Do List App

A powerful and user-friendly to-do list application built with React Native and Parse Server. Dooit helps you stay organized and productive with its intuitive interface and robust features.

🚀 Features

Core Features

• 📝 Task Management

  • Create, edit, and delete tasks
  • Mark tasks as complete/incomplete
  • Add task descriptions and due dates
  • Real-time synchronizations

• 🔐 User Authentication

  • Email/password sign-up and login
  • Persistent user sessions
  • Secure task storage

Advanced Features

• ⚡ Real-time Updates

  • Automatic task list refresh
  • Instant task changes
  • Cross-device sync

• 📅 Calendar Integration

  • View tasks by date
  • Set task reminders
  • Monthly/weekly views

• 🎨 User Interface

  • Clean and modern design
  • Responsive layout
  • Intuitive navigation

🛠 Tech Stack

• Frontend

  • React Native with Ignite
  • Expo SDK
  • React Navigation
  • MobX State Tree

• Backend

  • Parse Server
  • MongoDB
  • Parse LiveQuery

📱 Getting Started

Prerequisites

• Node.js (v14 or higher)
• Expo CLI
• Git
• Android Studio / Xcode (for native development)

Installation

1. Clone the repository

git clone [repository-url]
cd dooit

2. Install dependencies

yarn install

3. Configure Parse Server

• Set up your Parse Server instance
• Update environment variables in .env file

4. Start the development server

yarn start

📱 Running the App

Development

# Start development server
yarn start

# Run on iOS simulator
yarn ios

# Run on Android emulator
yarn android

Production Build

# Build for iOS simulator
yarn build:ios:sim

# Build for iOS device
yarn build:ios:dev

# Build for production
yarn build:ios:prod

📂 Project Structure

app/
├── assets/         # App assets (images, fonts, etc.)
├── components/     # Reusable UI components
├── screens/        # Screen components
├── services/       # Parse Server integration
├── stores/         # MobX stores
├── styles/         # Global styles
└── utils/         # Utility functions

📱 Assets Directory

This directory is organized to store various app assets:

assets
├── icons/         # App icons and UI icons
└── images/        # Background images and other graphics

Using Assets

import { Image } from "react-native";

const MyComponent = () => {
  return <Image source={require("../assets/images/my_image.png")} />;
};

Running Maestro end-to-end tests

Follow our Maestro Setup recipe.

Next Steps

Ignite Cookbook

Ignite Cookbook is an easy way for developers to browse and share code snippets (or “recipes”) that actually work.

Upgrade Ignite boilerplate

Read our Upgrade Guide to learn how to upgrade your Ignite project.

Community

⭐️ Help us out by starring on GitHub, filing bug reports in issues or ask questions.

💬 Join us on Slack to discuss.

📰 Make our Editor-in-chief happy by reading the React Native Newsletter.