About this project
Task Manager is a small task management application built as a practical exercise to apply modern frontend fundamentals using React, TypeScript and Next.js.
Project goals
State Management
Practice state managemen using React Hooks.
Type Safety
Model a simple domain using TypeScript.
App Routing
Use Next.js App Router for routing
Client and Server Components
Separate server and client components correctly
Client-Side Persistence
Use localStorage to persist data on the client
How It’s Built
App Router Architecture
File-based routing using the App Router to separate layouts and server/client responsibilities.
Client vs Server Components
Client components only where interaction is required, keeping static content server-rendered.
Strongly Typed Domain Modeling
Improving the development experience by using TypeScript to model the task domain and ensure type safety across the application.
Custom hooks for state management
Encapsulating logic for localStorage state management and CRUD operations on the tasks state in custom React hooks for better code organization and reusability.
Built by
Ricardo Ojeda
Frontend Developer