Horizon

Progress Starts Here.

Comment

Inspiration

We wanted to create a simple yet effective tool to help students and young professionals track their habits, stay motivated, and improve productivity. Many existing apps are either too complex or lack a personal touch, so we aimed to make Horizon intuitive, visually appealing, and fun to use every day.

What it does

Horizon helps users: •Track daily habits and streaks •Set personal goals and monitor progress •Stay motivated with quotes and rewards •Organize tasks with a simple dashboard It’s like having a personal productivity coach right in your browser.

How we built it

Horizon is built using: • HTML, CSS, and JavaScript for the frontend • Local Storage to save user data like streaks, tasks, and progress • Clean responsive design to work on both desktop and mobile • Custom animations and UI components for a smooth, engaging user experience

Challenges we ran into

Ensuring streaks and progress data save correctly across sessions • Designing a UI that looks good on both desktop and mobile • Balancing features without overloading the user •We solved these by optimizing our code, testing extensively, and iterating on the design.

Accomplishments that we're proud of

• Fully functional streak and task tracking system • Responsive, modern, and clean UI design • User-friendly experience with motivating elements like quotes and rewards • Successfully integrated multiple features into a single, smooth interface

What we learned

• How to use JavaScript effectively for dynamic features and data persistence • The importance of responsive design and testing across devices • Problem-solving when debugging features like streak calculations • How to merge functionality and design to create a seamless user experience

What's next for Horizon

• Add AI-powered recommendations to help users improve habits • Implement cloud syncing so progress is saved across devices • Add gamification like badges and levels for extra motivation • Launch a mobile-friendly PWA version for offline use

Built With

Share this project:

Updates