Back to Projects

My To-do List

RoleFrontend Developer
Year2020
Tech Stack
ReactJavaScriptCSS
Background blurMy To-do List screenshot 1
Background blurMy To-do List screenshot 2
Background blur
My To-do List mobile view 3
Background blurMy To-do List screenshot 4

Overview

A straightforward and elegant task management application. Built to practice React state management, component architecture, and clean UI design, it covers all fundamental CRUD operations in a smooth interface.

Challenges & Solutions

Designing an interface that feels lightweight while offering robust features like inline editing. We achieved this by using subtle hover states and managing component-level focus efficiently within React.

Key Features

  • Create, Read, Update, Delete tasks
  • Local storage persistence
  • Minimalist and clean design
  • React Hooks utilization
Live DemoSource Code