All projects
GitHub OnlyIn DevelopmentFull Stack

A full-stack productivity application for creating projects, organizing tasks and managing personal workflows through a structured dashboard.

Routine Management project dashboard
Full Stack
Application type
MongoDB
Database
Projects
Workflow structure
Improving
Development status
01 — Project overview

The application provides a simple structure for organizing projects, tasks and personal routines.

Routine Management App is a full-stack productivity project built with React, Node.js, Express and MongoDB.

Users can create projects, add tasks and organize their work through a dashboard-based interface.

The project is currently being improved. Some existing bugs and missing functionality will be addressed before a future deployment.

My contribution

Full-stack implementation

  • Building the React user interface
  • Creating project and task components
  • Developing Express API endpoints
  • Connecting the application to MongoDB
  • Implementing project creation and deletion
  • Structuring frontend and backend folders
  • Planning future workflow improvements
02 — Problem and solution

Simple task lists can become difficult to manage when tasks belong to different areas of work.

01 · The problem

Unstructured task lists make larger workflows difficult to follow

  • Tasks may belong to different projects
  • Users need a clear overview of active work
  • Project information must remain organized
  • Backend and frontend state must stay synchronized
  • Productivity tools need simple interactions

02 · The solution

A project-based dashboard for task organization

  • Project creation and deletion
  • Task organization within projects
  • Central productivity dashboard
  • MongoDB data persistence
  • Expandable structure for future features
03 — Current functionality

The current version focuses on the basic project and task management workflow.

Project Creation

Users can create separate projects for different areas of work.

Task Organization

Tasks can be structured within project-based workflows.

Project Deletion

Unused projects can be removed from the dashboard.

MongoDB Persistence

Project and task data is stored through a backend database.

REST API

The React frontend communicates with an Express backend.

Future Expansion

The structure supports future editing, analytics and drag-and-drop features.

04 — Technology stack

The project combines a React frontend with an Express API and MongoDB persistence.

Frontend

ReactViteTailwind CSS

Backend

Node.jsExpress.jsREST API

Database

MongoDBMongoose

Planned

Improved AuthEditingDrag and DropAnalytics
05 — Improvement roadmap

The project will be improved before being promoted as a finished portfolio product.
  1. 01Completed

    Core project workflow

    Create, display and remove project records.

  2. 02In Development

    Bug fixing

    Resolve current frontend and backend issues.

  3. 03Planned

    Feature improvements

    Add editing, drag-and-drop and improved authentication.

  4. 04Planned

    Production deployment

    Deploy the frontend, backend and database configuration.

06 — Engineering challenges

The project is presented transparently as an application that is still being refined.

Frontend state needs to remain consistent with project and task records stored in MongoDB.

07 — Key learnings

The project provided practical experience connecting a React frontend to a persistent backend.
  • Creating project-based productivity interfaces
  • Building REST API endpoints with Express
  • Connecting React to MongoDB-backed services
  • Structuring frontend and backend applications
  • Managing create and delete operations
  • Identifying unfinished areas honestly
  • Planning feature improvements incrementally
  • Understanding the importance of deployment readiness
08 — Project gallery

Screenshots from the project dashboard and task-management experience.

Project in improvement

Follow the development of the Routine Management App

Review the current source code and explore my completed full-stack projects.

Next project
NBC News Portal homepage

NBC News Portal