Skip to content

Todo-Zustand-App – Technigo Bootcamp Project 2026#51

Open
KausarShangareeva wants to merge 4 commits intoTechnigo:mainfrom
KausarShangareeva:main
Open

Todo-Zustand-App – Technigo Bootcamp Project 2026#51
KausarShangareeva wants to merge 4 commits intoTechnigo:mainfrom
KausarShangareeva:main

Conversation

@KausarShangareeva
Copy link
Copy Markdown

@KausarShangareeva KausarShangareeva commented Jan 18, 2026

Hi there! 👋
I built Todo App as part of my Technigo JavaScript Bootcamp 2025 journey. This simple and stylish task management application features multiple themes, local storage persistence, and a clean, responsive design.

You can check out the live website here: Todo-Zustand-App

Key Features:

  • Add, remove, and toggle tasks with timestamps
  • 4 unique themes: Coffee ☕, Dark 🌙, Banana 🍌, Sky 🪐
  • Filter tasks by All, Active, or Completed
  • Complete All button to mark all tasks as done
  • Local storage persistence — tasks survive page refresh
  • Responsive design for desktop, tablet, and mobile

This project helped me practice React, Zustand for state management, styled-components, and building a multi-theme UI. Hope you enjoy using it! 🌟

- Zustand store with persist middleware for state management
- Add, remove, toggle tasks with timestamps (date-fns)
- Filter tasks: All, Active, Completed
- Complete All button
- 4 themes: Coffee (light), Dark, Banana, Sky
- Unique EmptyState for each theme
- Local storage persistence
- Responsive design with styled-components
- Montserrat font
@KausarShangareeva KausarShangareeva changed the title TODO Todo-Zustand-App – Technigo Bootcamp Project 2025 Jan 18, 2026
@KausarShangareeva KausarShangareeva changed the title Todo-Zustand-App – Technigo Bootcamp Project 2025 Todo-Zustand-App – Technigo Bootcamp Project 2026 Jan 18, 2026
Change from default Vite icon to ☕ emoji to match the app theme
Copy link
Copy Markdown

@Npahlfer Npahlfer left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job with the todo app! I really like that you've implemented all these features and it's well structured as well.

You have also done a good job with all the css variables, apart from a few places :), one thing that could be a nice improvement would be that Instead of having the different color modes as a body class you could have been using the theme in styled components and or set some css variables via JS :)

But apart from that I can't say much but really good job Kausar!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants