Skip to content

A to-do list application with a playful One Piece–inspired theme. Features task creation, management, and a scrollable list interface designed with responsiveness in mind. Built to demonstrate core logic, state handling, and clean UI structure.

Notifications You must be signed in to change notification settings

CodeVanie/todo-to-do

Repository files navigation

TODO-To-Do

A To-Do List website built with React 19, Vite, JavaScript, and Tailwind CSS, showcasing my logical skills, and creativity. Designed with a mobile-first approach, responsive layout.


🚀 Features

  • Mobile-first, responsive design
  • Custom components built with React
  • Tailwind CSS for styling, custom scrollbars, and utility-first workflow
  • Sections: App Guide, Projects, Home, List Manager, and Notifications.
  • Smooth navigation, transitions and animations.
  • Routing, modals, and data persistence.

🛠️ Tech Stack

  • React 19
  • Vite
  • Tailwind CSS v4
  • JavaScript

🚀 Live Demo

View App


📦 Installation & Setup

  1. Clone the repository:

    git clone https://github.com/CodeVanie/todo-to-do.git
    cd todo-to-do
    
  2. Install dependencies:

    npm install
    
    
  3. Start the development server:

    npm run dev
    
    

Usage

  1. Navigate to App Guide to learn about and how to use the app.
  2. Start creating your first todo by going to the Home page and clicking the "Click me to create a To-Do! +".

📬 Contact

Created with ❤️ by CodeVANIE

GitHub: @codevanie

LinkedIn: https://www.linkedin.com/in/codevanie

Mobile: +63 976 484 2947

About

A to-do list application with a playful One Piece–inspired theme. Features task creation, management, and a scrollable list interface designed with responsiveness in mind. Built to demonstrate core logic, state handling, and clean UI structure.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published