Skip to content

AkashChikanep4/daily-tasks-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Daily Tasks - Personal Task Manager

A beautiful, responsive web application for managing your daily tasks with keyboard shortcuts and local storage.

Features

Beautiful Design: Modern, gradient-based UI with smooth animations 🎨 Responsive: Works perfectly on desktop, tablet, and mobile devices ⌨️ Keyboard Shortcuts: Efficient task management with hotkeys 💾 Local Storage: All tasks are saved locally in your browser 🏆 Priority System: Organize tasks by High, Medium, or Low priority 📊 Statistics: Track your progress with completion stats 🔍 Filtering: View All, Active, Completed, or High Priority tasks 🚀 Offline Support: Works without internet connection (via Service Worker)

Keyboard Shortcuts

  • Ctrl + Enter - Add new task
  • Ctrl + A - Mark all tasks as complete
  • Ctrl + D - Clear all completed tasks
  • Esc - Clear input field

Getting Started

  1. Open index.html in your web browser
  2. Start adding your daily tasks
  3. Use the priority selector to organize by importance
  4. Track your progress with the stats at the top

Features in Detail

Task Management

  • Add tasks with different priority levels
  • Mark tasks as complete/incomplete
  • Edit existing tasks
  • Delete individual tasks
  • Bulk actions for completed tasks

Filtering & Organization

  • All Tasks: View everything at once
  • Active: See only pending tasks
  • Completed: Review finished tasks
  • High Priority: Focus on urgent items

Visual Feedback

  • Smooth animations and transitions
  • Color-coded priority indicators
  • Progress statistics
  • Toast notifications for actions

Data Persistence

  • All tasks are automatically saved to localStorage
  • Data persists between browser sessions
  • No server required - everything runs locally

Technical Details

  • HTML5: Semantic markup with accessibility features
  • CSS3: Modern styling with Flexbox/Grid and CSS animations
  • Vanilla JavaScript: No frameworks required
  • Font Awesome: Beautiful icons
  • Inter Font: Clean, readable typography
  • Service Worker: Offline functionality

Browser Compatibility

Works in all modern browsers including:

  • Chrome 70+
  • Firefox 65+
  • Safari 12+
  • Edge 79+

Installation

Simply download the files and open index.html in your browser. No build process or dependencies required!

Contributing

Feel free to fork this project and submit pull requests for improvements!

License

MIT License - feel free to use this for personal or commercial projects.

About

A beautiful, responsive daily tasks web app with keyboard shortcuts and local storage

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published