Tarea.
A task management website to manage your tasks and organise your time.
Published in 2025
Technologies
Flask
Python Framework
Jinja2
Templating engine
Werkzeug
WSGI toolkit
SQLAlchemy
ORM
Interface Design
Interaction Design
User Experience Design
Front-end Development
Back-end Development
Services
Web App
Website
Brand
Deliverables
- Github
Links
Team Involved
Tarea Task Management Solution is a robust, lightweight web application built to demonstrate mastery in backend development and database integration. It functions as a complete Task Management System, providing users functionalities necessary to efficiently manage their to-do lists and project assignments. This solution offers a clear, structured way to handle organizational data through a web interface.
Core Features Demonstrated.
Tarea application successfully delivers a complete set of features for task lifecycle management:
● Task Creation
Allows users to easily input and submit new tasks to the database.
● Task Listing
Displays all existing tasks, showcasing the ability to query and retrieve data efficiently.
● Editing & Updating
Provides an interface for modifying task details (e.g., status, description) as needed.
● Deletion
Enables permanent removal of completed or obsolete tasks, ensuring data cleanliness.
Tarea application successfully delivers a complete set of features for task lifecycle management:
● Task Creation
Allows users to easily input and submit new tasks to the database.
● Task Listing
Displays all existing tasks, showcasing the ability to query and retrieve data efficiently.
● Editing & Updating
Provides an interface for modifying task details (e.g., status, description) as needed.
● Deletion
Enables permanent removal of completed or obsolete tasks, ensuring data cleanliness.
Goals of the Project
Expanding company, evolving needs.
Functional Goal, to create a fully functional Task Manager that provides the essential lifecycle operations for any piece of data: Create, Read, Update, and Delete (CRUD).
Technical Goal,To demonstrate proficiency in building a web application's backend using the Python Flask framework and integrating it seamlessly with a database.
Design Goal,"To implement a clear, industry-standard MVC (Model-View-Controller) architecture, ensuring the code is modular, scalable, and easy to maintain."
Functional Goal, to create a fully functional Task Manager that provides the essential lifecycle operations for any piece of data: Create, Read, Update, and Delete (CRUD).
Technical Goal,To demonstrate proficiency in building a web application's backend using the Python Flask framework and integrating it seamlessly with a database.
Design Goal,"To implement a clear, industry-standard MVC (Model-View-Controller) architecture, ensuring the code is modular, scalable, and easy to maintain."
Selecting Typography
Once the structure was finalized, we turned our attention to typography a crucial element in shaping Hiba&Aatae’s visual identity and personality. After testing several typefaces, we chose Cooper Black, a bold and expressive font known for its warmth and confidence. Its rounded, friendly forms bring a sense of approachability and trust, while its strong weight conveys reliability and presence. This balance between softness and strength perfectly aligns with Hiba&Aatae’s mission combining compassion with professionalism to create a design that feels both welcoming and impactful.
Once the structure was finalized, we turned our attention to typography a crucial element in shaping Hiba&Aatae’s visual identity and personality. After testing several typefaces, we chose Cooper Black, a bold and expressive font known for its warmth and confidence. Its rounded, friendly forms bring a sense of approachability and trust, while its strong weight conveys reliability and presence. This balance between softness and strength perfectly aligns with Hiba&Aatae’s mission combining compassion with professionalism to create a design that feels both welcoming and impactful.
Medium Purple & Royal Blue
Given the goal of creating a task management platform like Tarea, we wanted a color palette that conveys focus, reliability, and motivation qualities essential for productivity and organization. To achieve this, we chose a combination of Medium Purple and Royal Blue. The purple brings a sense of creativity, ambition, and inspiration, while the blue evokes trust, clarity, and calmness. Together, they create a balanced and professional look that feels both motivating and approachable, reflecting Tarea’s mission to help users manage tasks efficiently while staying organized and empowered.
Given the goal of creating a task management platform like Tarea, we wanted a color palette that conveys focus, reliability, and motivation qualities essential for productivity and organization. To achieve this, we chose a combination of Medium Purple and Royal Blue. The purple brings a sense of creativity, ambition, and inspiration, while the blue evokes trust, clarity, and calmness. Together, they create a balanced and professional look that feels both motivating and approachable, reflecting Tarea’s mission to help users manage tasks efficiently while staying organized and empowered.
Strategy.
The goals are achieved through specific choices in the application's architecture and the implementation of core features.
The Create functionality is implemented through a web form and a Flask route that validates user input and commits a new Tarea object to the database. The Read operation is handled by the main route, which queries all Tarea objects from the database and displays them as a list on the front end. To Update a task, a dedicated route and form allow users to edit existing task details — such as descriptions or statuses — and the updated information is saved back to the database. Finally, the Delete feature is managed through a specific route that takes a task ID, removes the corresponding Tarea object from the database, and redirects the user accordingly.
The goals are achieved through specific choices in the application's architecture and the implementation of core features.
The Create functionality is implemented through a web form and a Flask route that validates user input and commits a new Tarea object to the database. The Read operation is handled by the main route, which queries all Tarea objects from the database and displays them as a list on the front end. To Update a task, a dedicated route and form allow users to edit existing task details — such as descriptions or statuses — and the updated information is saved back to the database. Finally, the Delete feature is managed through a specific route that takes a task ID, removes the corresponding Tarea object from the database, and redirects the user accordingly.
Reaching the Technical Goal.
To achieve the project’s technical objectives, specific tools were selected to ensure efficiency, scalability, and maintainability. The Flask framework provides a lightweight yet robust foundation for routing requests, handling HTTP methods, and managing the overall application context. Meanwhile, the integration of an Object-Relational Mapper (ORM) such as SQLAlchemy enables the application to define the Tarea structure as a Python class within model.py, which is automatically mapped to a corresponding database table. This approach exemplifies modern, object-oriented data management, making database interactions cleaner, more intuitive, and less error-prone.
To achieve the project’s technical objectives, specific tools were selected to ensure efficiency, scalability, and maintainability. The Flask framework provides a lightweight yet robust foundation for routing requests, handling HTTP methods, and managing the overall application context. Meanwhile, the integration of an Object-Relational Mapper (ORM) such as SQLAlchemy enables the application to define the Tarea structure as a Python class within model.py, which is automatically mapped to a corresponding database table. This approach exemplifies modern, object-oriented data management, making database interactions cleaner, more intuitive, and less error-prone.
Reaching the Design Goal.
The project’s code is organized following the MVC (Model-View-Controller) pattern to ensure clarity, maintainability, and professional structure. The Model layer contains the Tarea data structure, keeping all data definitions separate from application logic. The View layer, composed of HTML templates, manages the presentation, ensuring that the user interface is cleanly decoupled from the backend logic. Finally, the Controller, implemented in Python (e.g., in app.py), handles user input, manages session state, and orchestrates the overall flow of the application, effectively connecting models and views to deliver a seamless user experience.
The project’s code is organized following the MVC (Model-View-Controller) pattern to ensure clarity, maintainability, and professional structure. The Model layer contains the Tarea data structure, keeping all data definitions separate from application logic. The View layer, composed of HTML templates, manages the presentation, ensuring that the user interface is cleanly decoupled from the backend logic. Finally, the Controller, implemented in Python (e.g., in app.py), handles user input, manages session state, and orchestrates the overall flow of the application, effectively connecting models and views to deliver a seamless user experience.
Mobile Version
In today’s fast-paced environment, where task management often happens on the go, it was essential to ensure that Tarea delivers a seamless and intuitive experience across all devices. The platform was carefully optimized for smartphones and tablets, prioritizing clarity, accessibility, and ease of use.n!
The mobile version maintains the same visual consistency and polished feel as the desktop design, while refining layouts, touch interactions, and navigation for smaller screens. Whether users are creating, updating, or tracking tasks, every action is smooth and responsive. This approach ensures that Tarea remains efficient, reliable, and fully functional, empowering users to stay organized and productive anytime, anywhere.
In today’s fast-paced environment, where task management often happens on the go, it was essential to ensure that Tarea delivers a seamless and intuitive experience across all devices. The platform was carefully optimized for smartphones and tablets, prioritizing clarity, accessibility, and ease of use.n!
The mobile version maintains the same visual consistency and polished feel as the desktop design, while refining layouts, touch interactions, and navigation for smaller screens. Whether users are creating, updating, or tracking tasks, every action is smooth and responsive. This approach ensures that Tarea remains efficient, reliable, and fully functional, empowering users to stay organized and productive anytime, anywhere.
What are you looking for?
Please choose an option below