Skip to content

A colorful and engaging To-Do List web app that integrates a visual calendar. Designed to make planning tasks more fun and visual! 🎯

Notifications You must be signed in to change notification settings

tikature/To-Do_Calendar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

24 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“… To-Do List with Calendar

A fun and visually engaging To-Do List app that integrates a colorful calendar! Plan your day, mark your tasks, and make your productivity journey more joyful πŸ’–βœ¨

Logo


🌟 Features

  • βœ… Add, edit, and delete to-do tasks
  • πŸ“† Calendar with animated icons on task dates
  • πŸ’Ύ Tasks saved with localStorage (no backend needed!)
  • πŸ’– Custom emoji markers for fun interactions

🎨 Visual Preview

Dates with tasks will show a πŸ’– icon using CSS animation:

.calendar-day.has-task::after {
    content: 'πŸ’–';
    font-size: 24px;
    position: absolute;
    top: -10px;
    right: -5px;
    animation: bounce 2s infinite;
}

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3 (with animations)
  • JavaScript (Vanilla)
  • localStorage API

πŸš€How to Run

  1. πŸ“¦ Clone this repository
git clone https://github.com/tikature/to-do-calendar.git
cd to-do-calendar
  1. ▢️ Open the app
open index.html

πŸ‘©β€πŸ’» Tentang Pengembang

By Dewi Atika Muthi
πŸ“ Informatics Student, Telkom University
πŸ“§ Email: detikaa10@fmail.com
🌐 GitHub: @tikature

About

A colorful and engaging To-Do List web app that integrates a visual calendar. Designed to make planning tasks more fun and visual! 🎯

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published