Overview

TaskNexus - Task Manager React Native App is a modern, cross-platform mobile application built using React Native with Expo and TypeScript.

The app allows users to manage their daily tasks efficiently, with features like task addition, completion, deletion, and drag-and-drop reordering.

The app also includes a dedicated Stats screen with interactive charts (pie, bar, and line) for visualizing task statistics. It also features dark/light theme toggling with smooth transitions and a custom bottom tab bar for a better UI/UX.

TaskNexus Branding

I chose the name "TaskNexus" for the app to reflect its core purpose - a central hub for managing tasks.

I hope its name and branding convey a sense of connectivity and organization, with the app serving as a nexus for all tasks and to-dos.

iOS

Android

Modals

Web

Screen Recordings (GIF)

Realtime Synchronization Demo

[!IMPORTANT] The above GIFs and images may not fully represent the app's current state, as they were recorded during development. The app has since been updated with new features and improvements. Please clone the repository and run the app to see the latest version in action!

[!NOTE] My apologies for the low quality of the GIFs - they were converted from high-resolution videos to reduce file size, which resulted in huge losses of quality. The app looks much better in real life, especially on mobile devices!

Features

Task Management

• Add, Update & Delete Tasks: Easily manage your daily tasks through an interactive interface.
• Drag-and-Drop Reordering: Rearrange tasks using a smooth, touch-friendly drag-and-drop mechanism.
• Global State Management: Uses React Context to manage task state across the app for consistent data handling.
• Task Completion Toggle: Mark tasks as complete or incomplete with a simple checkbox interaction.
• Task Deletion: Remove tasks with a dedicated delete action, ensuring a clean task list.

Cloud Synchronization

• Supabase Integration: Utilizes Supabase for real-time data synchronization, ensuring tasks are always up-to-date across devices.
• User Authentication: Supports user authentication with Supabase, allowing users to securely manage their tasks.
• Automatic Realtime Synchronization: Changes made to tasks are instantly reflected across all devices, providing a seamless user experience.
• PostgreSQL Database: Stores tasks in a PostgreSQL database, providing robust data management and querying capabilities.
• Backup Option: Includes a Ruby on Rails backend as an optional backup for task management, ensuring data persistence and reliability.
• Manual Refresh: Users can manually refresh the task list if they wish to ensure they have the latest data from the server.

Statistics Visualization

• Pie Chart: Visualizes the ratio of completed vs. incomplete tasks.
• Bar Chart: Compares overdue and upcoming tasks with wider, closely spaced bars.
• Line Chart: Plots tasks over time (by month), ensuring continuity even if only a single month is available.
• **T