https://github.com/vedant-hande/tickme-todo

TickMe is a feature-rich and visually appealing todo list application designed to help you organize your tasks efficiently. With a modern user interface, intuitive controls, and robust task management features, TickMe makes productivity enjoyable.
https://github.com/vedant-hande/tickme-todo

css font-awesome fontawesome-icons github googlefonts html5 javascript vercel vercel-deployment

Last synced: about 2 months ago
JSON representation

TickMe is a feature-rich and visually appealing todo list application designed to help you organize your tasks efficiently. With a modern user interface, intuitive controls, and robust task management features, TickMe makes productivity enjoyable.

• Host: GitHub
• URL: https://github.com/vedant-hande/tickme-todo
• Owner: Vedant-Hande
• Created: 2025-06-14T13:36:05.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-15T13:27:58.000Z (about 1 year ago)
• Last Synced: 2025-10-14T17:54:20.643Z (8 months ago)
• Topics: css, font-awesome, fontawesome-icons, github, googlefonts, html5, javascript, vercel, vercel-deployment
• Language: CSS
• Homepage: https://tickme-todo.vercel.app
• Size: 14.6 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TickMe - Modern Todo List Application

TickMe is a feature-rich and visually appealing todo list application designed to help you organize your tasks efficiently. With a modern user interface, intuitive controls, and robust task management features, TickMe makes productivity enjoyable.

## Features

- **Task Management**: Add new tasks with title, due date, priority (Low, Medium, High), and category.

- **Task Status**: Easily mark tasks as completed or incomplete.

- **Priority Filtering**: Filter tasks by priority levels (Low, Medium, High) from the sidebar.

- **Category Management**: Organize tasks using predefined categories (Work, Personal, Shopping, Health) via a dropdown when adding tasks, and filter by categories from the sidebar.

- **Search Functionality**: Quickly find tasks by searching their title or category.

- **Task Views**: Filter tasks by 'All', 'Active', and 'Completed' using tabs.

- **Task Counter**: See a real-time count of active tasks remaining.

- **Clear Completed Tasks**: A dedicated button to remove all completed tasks.

- **Modern UI/UX**: Smooth animations for adding, completing, and deleting tasks, hover effects, and a responsive design for various screen sizes.

- **Dark Mode**: Toggle between light and dark themes for comfortable viewing.

- **User Authentication (Client-Side Simulation)**: Simple login/signup/logout functionality using local storage to simulate user sessions and display a welcome message with the username.

## Technologies Used

- **HTML5**: For structuring the web content.

- **CSS3**: For styling the application, including modern layouts, animations, and responsive design.

- **JavaScript (ES6+)**: For implementing all the interactive features and logic.

- **Font Awesome**: For modern icons.

- **Google Fonts (Poppins)**: For a clean and modern typography.

## Setup Instructions

This is a client-side only application. To run it locally:

1.  **Clone or Download**: Download or clone this repository to your local machine.

2.  **visit the site**:visit the TikMe - todo site 

## Usage

- **Adding a Task**: Type your task in the input field, select a due date, priority, and category, then click the "Add" button. You can also click "Complete & Add" to add a task already marked as completed.

- **Marking a Task Complete**: Click the green checkmark button on the right side of each task to toggle its completion status.

- **Deleting a Task**: Click the red trashcan button on the right side of each task to delete it.

- **Filtering Tasks**: Use the sidebar menu (All Tasks, Low/Medium/High Priority, Categories) or the tabs above the task list (All, Active, Completed) to filter your tasks.

- **Searching Tasks**: Use the search bar at the top to filter tasks by keywords in their title or category.

- **Dark Mode**: Click the moon/sun icon in the top right to toggle between dark and light modes.

- **Login/Signup**: Click the "Get Started" button to access the authentication modal. You can log in with an existing username or sign up as a new user. Your session is saved in local storage. Click "Logout" to end your session.