Skip to main content
Tareas Logo

​
Welcome to Tareas

Tareas is a mobile task management application that transforms boring daily tasks into exciting quests with gamification mechanics. Built with Ionic and Angular, it brings the engaging elements of video games to your productivity workflow.

​
Why Tareas?

Traditional task managers can feel monotonous. Tareas adds excitement and motivation to your daily workflow by introducing:
  • Quest System - Tasks become missions with XP rewards and difficulty levels
  • Visual Effects - Glassmorphism and neon effects create an immersive experience
  • Intuitive Gestures - Swipe to complete or delete tasks with fluid animations
  • Category Kingdoms - Organize tasks into themed visual categories
  • Native Performance - Built with Capacitor for smooth native mobile experience

Quickstart

Get up and running in 5 minutes

Core Concepts

Learn about quests, categories, and gamification

Components

Explore the component library

API Reference

Dive into the services and models

​
Key Features

Gamified Tasks

XP rewards, difficulty levels, and progress tracking

Swipe Gestures

Intuitive touch controls for completing and deleting

Visual Themes

Category-based themes with glassmorphism effects

LocalStorage

Automatic data persistence without backend

Native Mobile

Built with Capacitor for iOS and Android

TypeScript

Fully typed Angular 20+ standalone components

​
Tech Stack

Tareas is built with modern web technologies:
  • Frontend Framework: Angular 20+ with standalone components
  • Mobile UI: Ionic 8+ with Capacitor for native deployment
  • Styling: TailwindCSS with custom glassmorphism and neon effects
  • State Management: RxJS with BehaviorSubject patterns
  • Data Persistence: LocalStorage with automatic synchronization
  • Gestures: Ionic Gesture Controller for swipe interactions

​
Architecture

The application follows a component-based architecture with clear separation of concerns: 
src/app/
├── common/
│   ├── models/          # TypeScript interfaces
│   └── services/        # Shared services
├── components/
│   ├── quest-cards/     # Quest visualization
│   ├── edits/          # Forms and editors
│   └── shared/         # Reusable components
└── pages/              # Route components

​
Next Steps

1

Install Dependencies

Follow the installation guide to set up your development environment
2

Run the App

Start the development server and explore the app locally
3

Customize

Learn how to create quests, manage categories, and apply custom styles
4

Deploy

Build for web or deploy to iOS/Android devices
Ready to get started? Head over to the Quickstart guide.

Build docs developers (and LLMs) love

Get started for freeTalk to us