-
-
Landing page of our project Saarthi
Inspiration
The idea for Saarthi was born from a common frustration we all share: digital clutter. In our daily lives, we found ourselves constantly jumping between a separate app for a to-do list, another for the weather, and yet another for a simple calculator. This fragmented experience was inefficient and overwhelming. We were inspired to build a unified, elegant solution that would act as a digital "guide" (Saarthi), consolidating every essential tool into a single, cohesive, and stress-free dashboard.
What it does
Saarthi is a comprehensive, all-in-one productivity and utility dashboard. It's designed to give users a powerful toolkit without the complexity of switching between different applications. It features a clean, responsive interface that includes: All-in-One Dashboard: A single-page application that consolidates all essential daily tools into one unified platform.
Toggleable Dark/Light Mode: A feature that allows users to seamlessly switch between a dark and light theme for a personalized viewing experience.
Personalized Greetings: A welcoming message that adapts based on the time of day, making the user feel at home.
Daily Quote: A feature that provides a new inspirational quote each day to motivate users.
Real-time Weather: Fetches and displays current weather information to help users plan their day.
To-Do List: An interactive list to help users organize their tasks and stay on top of their responsibilities.
Habit Tracker: A tool to help users build and monitor positive habits and routines over time.
Versatile Timer & Stopwatch: Essential time-management tools for focus, productivity, and tracking activities.
Advanced Calculator: A fully functional calculator for quick mathematical computations.
Multi-purpose Converter: A tool to convert various units, including currency, length, and weight.
Number System Converter: A specialized feature that allows for seamless conversions between binary, decimal, and hexadecimal number systems.
How we built it
We built Saarthi using foundational web technologies: HTML5, CSS3, and Vanilla JavaScript. The process was a sprint from start to finish. We first structured the core components of the dashboard using clean, semantic HTML. The styling was handled with a modern approach, utilizing CSS Flexbox and Grid to create a responsive, multi-panel layout. All the dynamic functionality, from the timers and calculators to fetching data from external APIs for the weather and quotes, was powered by pure JavaScript. We also used the localStorage API to ensure the to-do list and habit tracker data persisted even after the user closed the browser.
Challenges we ran into
The biggest challenge we faced was managing the project's scope within the tight hackathon deadline. With so many features to implement, we had to be ruthless with our prioritization to ensure we delivered a complete and working product. Another significant hurdle was integrating all the different functionalities to work together seamlessly without conflicts. Writing the logical code for the number system converter and ensuring the calculator's operations were safe and accurate also proved to be a challenging but rewarding process.
Accomplishments that we're proud of
We are incredibly proud to have built a fully functional, multi-featured application using only vanilla JavaScript. This project stands as a testament to our ability to create a polished, high-utility product without relying on any external frameworks or libraries. We successfully implemented complex logic for features like the number system converter and the dual timer/stopwatch, and we're proud of the clean, intuitive user interface that makes the app a joy to use.
What we learned
This project was a masterclass in full-stack development. We learned the importance of clear project architecture and modular code design. We gained hands-on experience with asynchronous JavaScript for handling API calls and became proficient in using browser APIs like localStorage. Most importantly, we learned to manage time effectively under pressure and to solve complex problems by breaking them down into smaller, manageable pieces.
What's next for SAARTHI - One app, full power
Saarthi is just the beginning. The next steps for the project include:
- User Accounts & Cloud Sync: Allowing users to save their data across devices.
- Expanded Functionality: Adding new widgets such as a basic note-taking tool and a calendar.
- Enhanced UX: Implementing more animations and a more advanced, customizable interface.
- Mobile-First Approach: Optimizing the application to be a Progressive Web App (PWA) for a smoother mobile experience.
Log in or sign up for Devpost to join the conversation.