TODOLIST

Transform Tasks, Elevate Productivity Instantly

Built with the tools and technologies:

---

📖 Table of Contents

• Overview
• Getting Started
  • Prerequisites
  • Installation
  • Usage
  • Testing
• Features

---

🚀 Overview

Todolist is a modern, React-based to-do application designed for developers seeking a flexible and maintainable task management tool. Built with cutting-edge technologies like Vite, TypeScript, Tailwind CSS, and Zustand, it offers a streamlined development experience and a rich, interactive user interface.

Why todolist?

This project aims to deliver a highly customizable, fast, and visually engaging task management solution. The core capabilities include robust state management, smooth animations, and a responsive layout designed for all devices.

---

🎯 Features

• 💾 State Persistence: Uses Zustand with local storage to keep your tasks intact across sessions.
• 🎨 Custom UI Components: Includes styled elements with Tailwind CSS and smooth micro-interactions powered by Framer Motion.
• ⚡ Modern Tooling: Built with Vite and TypeScript for fast development, type safety, and reliable builds.
• 🧩 Utility Functions: Utilizes tools like clsx and tailwind-merge for consistent and dynamic styling behavior.

---

🏁 Getting Started

Prerequisites

This project requires the following dependencies to run locally:

• Programming Language: TypeScript
• Package Manager: NPM (Node.js)

Installation

Build todolist from the source and install its dependencies:

1. Clone the repository:

   git clone https://github.com/pasqualinigui/todolist.git

2. Navigate to the project directory:

   cd todolist

3. Install the dependencies:

   Using npm:

   npm install

Usage

Run the project locally in development mode:

Using npm:

npm run dev

Testing

Todolist uses Vitest for its testing framework. Run the test suite with:

Using npm:

npm run test

---

⬆️ Return to Top