https://github.com/amitesh-183/todo_list_zustand_imagined

A functional and visually appealing To-Do List application built using Next.js, Zustand, and Tailwind CSS.
https://github.com/amitesh-183/todo_list_zustand_imagined

nextjs zustand zustand-persist

Last synced: about 1 month ago
JSON representation

A functional and visually appealing To-Do List application built using Next.js, Zustand, and Tailwind CSS.

• Host: GitHub
• URL: https://github.com/amitesh-183/todo_list_zustand_imagined
• Owner: amitesh-183
• Created: 2024-12-07T18:25:11.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-07T18:55:19.000Z (about 1 month ago)
• Last Synced: 2024-12-07T19:23:54.235Z (about 1 month ago)
• Topics: nextjs, zustand, zustand-persist
• Language: TypeScript
• Homepage: https://todo-list-zustand-imagined.vercel.app/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# To-Do List Application - Imagined Assignment - B.Amitesh

A functional and visually appealing To-Do List application built using Next.js, Zustand, and Tailwind CSS.

## Live Link - https://todo-list-zustand-imagined.vercel.app/

## Features

- **Add Tasks**: Users can add new tasks with ease.

- **Organized View**: Tasks are displayed day by day, with today's tasks shown by default.

- **Task Details**:

  - Displays task text.

  - Shows completion status (completed or not).

  - Includes options to edit or delete tasks.

- **Toggle Completion**: Mark tasks as completed or incomplete.

- **Edit Tasks**: Modify task text directly.

- **Delete Tasks**: Remove tasks from the list.

- **Persistent Data**: All tasks are stored in local storage to ensure data is retained across sessions.

- **Differentiation for Completed Tasks**: Visually distinguish completed tasks with strikethrough text.

## Tech Stack

- **Framework**: [Next.js](https://nextjs.org/) (v15)

- **State Management**: [Zustand](https://zustand-demo.pmnd.rs/)

- **Styling**: [Tailwind CSS](https://tailwindcss.com/)

- **Persistence**: Local Storage

- **Hosting**: Deployed on [Vercel](https://vercel.com/).

## Installation

To run this project locally, follow these steps:

1. Clone the repository:

   ```bash

   git clone https://github.com/your-username/todo-list.git