Todo Card (Hng Stage 0 I14) preview

Todo Card (Hng Stage 0 I14)

FrontendSoloInternship

About

This project delivers a highly testable, accessible, and responsive Todo Item Card component, developed as part of the HNG Frontend Stage 0 task. It showcases core functionality for displaying task details, managing completion status, calculating time remaining, and providing interactive actions, all within a robust and adaptable UI. Built with React, TypeScript, Vite, and Tailwind CSS, the project emphasizes strict adherence to accessibility standards, semantic HTML, and a component-based architecture. This demonstrates strong attention to detail in frontend engineering, compliance with specific requirements, and the ability to build high-quality, maintainable UI components.

Tech Stack

React
TypeScript
Vite
Tailwind CSS
ESLint
Node.js

Skills Demonstrated

Component-Based Architecture
Responsive UI Development
Accessibility (A11y) Implementation
Local State Management
Type-Safe Development
Date & Time Manipulation
Modular Design
Build Process & Tooling
Folder: 14