A web-based daily task management application that helps users track their daily tasks and monitor their productivity over time.
Try out the application: Daily Checklist App
-
User Authentication
- Easy sign up and login with email or user ID
- Automatic login persistence
- Secure user sessions
-
Task Management
- Create and customize daily tasks
- Mark tasks as complete/incomplete
- Add new tasks for today or future days
- Delete tasks selectively or permanently
- Real-time progress tracking
-
Progress Tracking
- Visual progress indicator for daily completion
- Interactive charts showing:
- Daily progress (30-day history)
- Weekly statistics (12-week overview)
- Monthly performance (12-month timeline)
-
User Experience
- Clean, modern interface
- Mobile-responsive design
- Daily motivational quotes
- Dynamic time-based greetings
- Loading states and animations
- Offline capability
- Pull-to-refresh on mobile
-
Frontend
- HTML5
- CSS3 (Custom variables, Flexbox, Grid)
- JavaScript (ES6+)
- Chart.js for data visualization
-
Backend
- Google Apps Script
- Google Sheets (as database)
-
APIs
- ZenQuotes API for daily motivational quotes
- Create a new Google Apps Script project
- Copy the contents of the following files to your project:
code.gsIndex.htmlScript.htmlStyles.html
- Deploy as a web application
- Set necessary script properties:
SPREADSHEET_ID: ID of your Google Sheet database
- Access the deployed web app URL
- Register with your name and email
- Set up your initial daily tasks
- Start tracking your daily progress
- Monitor your productivity through statistics
The application uses Google Sheets with the following structure:
- Users Sheet: UserID, Name, Email
- Tasks Sheet: UserID, TaskID, TaskName, IsActive
- Progress Sheet: UserID, Date, TaskID, TaskName, Completed
- Task Changes Sheet: UserID, TaskID, ChangeType, EffectiveDate, Timestamp
Feel free to fork this project and submit pull requests. For major changes, please open an issue first.