Time Track

Time Track is a full-stack Next.js application developed in May 2025 to help users manage their daily routines efficiently. It features a user-friendly dashboard where users can create, edit, and delete tasks with customizable schedules (daily or weekly) and time formats (AM/PM or 24-hour). The system integrates MongoDB for real-time data management, ensuring seamless task tracking and profile management. Built with Next.js, React, Tailwind CSS, JavaScript, and MongoDB, the platform offers a responsive experience, showcasing skills in full-stack development, database integration, and dynamic UI design.

Time Track

Technology Stack

Next.jsNext.js
ReactReact
Tailwind CSSTailwind CSS
JavaScriptJavaScript
MongoDBMongoDB

Authentication Routes

Unauthenticated users are redirected to the /login route, featuring a login form, with an option to navigate to the /register route for account creation.

The login and registration pages provide a secure and seamless authentication flow, consistent with modern web standards.

  • Secure login form with MongoDB-backed authentication
  • Seamless navigation between login and registration
  • Responsive form design for all devices
  • User-friendly authentication interface
Authentication Routes image 1
Authentication Routes image 2

Task Management Dashboard

After login, users access a centralized dashboard where they can create tasks, assign names, set times in AM/PM or 24-hour format, and choose daily or weekly recurrence.

Tasks can be edited or deleted, with real-time updates stored in MongoDB for persistent data management.

  • Task creation with customizable time formats
  • Support for daily or weekly task scheduling
  • Edit and delete functionality for tasks
  • Responsive dashboard layout for task management
Task Management Dashboard image 1

Profile Route

Clicking the profile icon in the navbar navigates to the /profile route, displaying user information from registration, with options to upload, change, or remove a profile photo, update name, bio, password (but not email), and log out.

The profile functionality mirrors that of the Library Management project, ensuring a consistent user experience.

  • Editable profile with photo and personal details
  • Secure updates for name, bio, and password
  • Logout functionality with redirection to login
  • Responsive profile page layout
Profile Route image 1

Technical Implementation

Built with Next.js for server-side rendering and dynamic routing, ensuring fast performance and SEO-friendly content delivery.

Integrates MongoDB for real-time task and user data management, with Tailwind CSS for responsive, utility-first styling.

  • Next.js dynamic routing for authentication and profile
  • MongoDB for efficient task storage and retrieval
  • React hooks for state and effect management
  • Tailwind CSS for consistent, responsive design
  • Real-time task updates with database integration