TaskNest

Built a full-stack task management SPA with secure JWT authentication, CRUD functionality, calendar-based task filtering, and MongoDB persistence. Implemented RESTful APIs, token-based access control, and a responsive productivity-focused user experience.

Tech Stack

Frontend:

JavascriptHTMLCSS

Backend

NODE.JSExpress.jsMongoDBMongooseJWT

Tools

GitGithubNetlifyRender

Project Highlights

Full-Stack Task Management App

Built using Node.js, Express, MongoDB, and Vanilla JavaScript with secure task persistence and authentication.

Custom Calendar System

Interactive calendar with date-based task management, highlighting, and task loading.

Vanilla JavaScript Architecture

Built intentionally without a frontend framework to demonstrate DOM manipulation, state synchronization, and event handling.

JWT Authentication

Secure login and registration flow with protected routes and user-specific task access.

Task Filtering & CRUD

Create, update, delete, and filter tasks with dedicated views for Today, Tomorrow, and All Tasks.

Weather & Productivity Utilities

Integrated weather and local time display based on user location.

TECHNICAL IMPLEMENTATION

Calendar Rendering System:

Built a custom calendar system from scratch using Vanilla JavaScript with dynamic DOM rendering and date-based task synchronization.

  • Dynamic month rendering with generated calendar cells
  • Date selection and task loading using event delegation
  • Task synchronization with calendar state

Vanilla JavaScript Architecture:

Implemented centralized DOM management and manual UI synchronization without relying on frontend frameworks.

  • Centralized DOM caching for performance
  • Manual state synchronization across UI sections
  • REST API interaction using JWT authorization

Authentication & Task Management:

Built protected task workflows with user-scoped CRUD operations and persistent task storage.

  • JWT authentication for protected routes
  • MongoDB persistence using Mongoose
  • Task filtering for Today, Tomorrow, and completed views

Feedback & Utility Features:

Integrated productivity-focused features to improve user experience.

  • Weather integration based on geolocation
  • Live local clock updates
  • Feedback form with email notifications using Nodemailer

Engineering Challenges Solved

  • • Built a complete task management workflow using Vanilla JavaScript without frontend framework abstractions.
  • • Designed a custom calendar rendering system with event delegation to reduce unnecessary listener re-attachments during re-renders.
  • • Managed manual UI synchronization between calendar state, selected dates, and task rendering.
  • • Implemented secure authentication and protected task routes using JWT and middleware.
  • • Handled geolocation permission fallbacks and weather API failures to maintain a stable user experience.