Inspiration
As students, it's easy to become overwhelmed by homework, assignments, and studying. I wanted to create a simple tool that removes distractions and helps students focus on completing one task at a time.
What it does
FocusForge is a lightweight productivity web app that allows users to:
- Add and organize tasks
- Mark tasks as complete
- Track daily progress
- Use a built-in focus timer
- Save all data automatically using browser local storage -And GAMIFY learning Everything works directly in the browser without requiring an account or installation.
How I built it
The project was built using:
- HTML for the page structure
- CSS for responsive styling
- JavaScript for all of the functionality JavaScript handles task management, the focus timer, progress calculations, and storing data with localStorage so tasks remain after refreshing the page.
Challenges I ran into
The biggest challenge was keeping the application simple while still providing useful productivity features. Another challenge was making sure the timer, progress tracking, and task list all stayed synchronized after page refreshes.
Accomplishments that I'm proud of
- Built a complete responsive web application
- Implemented persistent storage with localStorage
- Created an intuitive interface that requires no setup
- Finished a project that anyone can immediately use
What I learned
This project improved our understanding of DOM manipulation, JavaScript event handling, browser storage, and responsive web design.
What's next for FocusForge
Future improvements include:
- Cloud synchronization
- User accounts
- Calendar integration
- Analytics and productivity insights
- AI-generated study plans
Built With
- css3
- html5
- javascript
- localstorage
- responsivedesign
Log in or sign up for Devpost to join the conversation.