Work

Routiner

Full-Stack
React
Next.js
MongoDB

A full-stack daily routine management application built with React and Next.js, featuring task tracking, progress visualization, and habit formation support.

Routiner app interface showing a clean task management system

Description

A modern calendar and productivity app that helps you manage routines, track habits, schedule classic events, and organize to-do tasks—all in one place.

Key Features

  • Board View: Intuitive drag-and-drop interface for weekly planning
  • Calendar View:
    • Monthly overview with daily drill-down capability
    • Visual time blocks for routines and events
    • Seamless integration of tasks and events
  • Smart Task Management:
    • Deadline and time-based tasks
    • Completion tracking
    • Flexible organization system
  • Event Scheduling:
    • Date and time scheduling
    • Location integration
    • Detailed event descriptions
  • Routine Builder:
    • Recurring routine setup
    • Visual time block representation
    • Progress tracking
  • Modern UI/UX:
    • Clean, intuitive interface
    • Responsive design for all devices

Tech Stack

  • Frontend: React.js, TypeScript
  • Backend: Next.js, NextAuth
  • Database: MongoDB
  • Authentication: JWT for secure user sessions
  • Deployment: Vercel

Video Demo

Check out Routiner in action:

Development Journey

This project was born from a personal need to better manage daily routines and form lasting habits. The development process focused on creating an intuitive user experience while maintaining robust backend functionality.

Key challenges included:

  • Implementing real-time progress tracking
  • Designing an intuitive task management interface
  • Ensuring data consistency across different time zones
  • Optimizing performance for smooth animations