"Focus on Today" is a web application designed to help users set and track daily goals to improve productivity and focus. It provides a simple and intuitive interface for users to add, manage, and mark their goals as completed.
- Mandatory Daily Goals: Users can set up to three mandatory goals for the current day and track their completion progress.
- Real-time Progress Tracking: The application dynamically updates the progress bar to reflect the completion status of goals.
- Responsive Design: The application is designed to work seamlessly across various devices and screen sizes.
- User-friendly Interface: The interface is intuitive and easy to use, encouraging users to stay organized and focused on their goals.
- HTML: Used for structuring the web pages.
- CSS: Used for styling the user interface and enhancing the visual appeal.
- JavaScript: Implemented for interactivity, real-time updates, and goal tracking functionality.
- Google Fonts API: Imported for applying custom fonts to the application.
- SVG Images: Utilized for displaying icons and visual elements.
- Local Storage: Used for storing and persisting user data such as goals and completion status.
To use the application, simply open the index.html file in a web browser. You can add up to three mandatory goals for the current day in the provided input fields and mark them as completed by clicking on the checkboxes next to each goal. The progress bar will update in real-time to reflect the completion status of your goals.
Contributions are welcome! If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request. For major changes, please open an issue first to discuss what you would like to change.
- Mohammad Saheb Mansoori
Special thanks to the YouTuber Anurag Singh for providing valuable help and guidance. You can check out their YouTube channel here.