Splasher

Inspiration

Splasher was born out of a need for an all-in-one productivity solution that not only helps users manage their tasks but also creates a dynamic and collaborative environment. I wanted to design a platform that empowers people to stay organized while interacting with a community of like-minded individuals, fostering motivation and accountability.

What it does

Splasher integrates tasks seamlessly into your calendar, allowing users to keep track of timelines with ease. You can mark your plans and tasks as done or in progress, and choose to make them public or private. Splasher also enables you to cite other users' plans, creating a space for collaboration and inspiration. I provide visualized graphs in the form of pie charts and histograms, allowing users to track their productivity. Additionally, a smart AI assistant offers insights and suggestions to help users stay on track and optimize their productivity.

How I built it

I built Splasher using a robust stack of technologies:

• Frontend: React, with support from libraries like @mui/material, @emotion/react, @emotion/styled, and react-router-dom for responsive and dynamic UI. I also used @mui/x-charts for graph rendering.
• Backend: Node.js, with Express handling the server-side logic and dotenv, cors, axios, body-parser, and pg ensuring smooth API handling and database interaction.
• Database: PostgreSQL, a powerful relational database system to store user data, tasks, and plans.
• APIs: SambaNova Cloud API for smart AI Assistant to provide study tips.

Challenges I ran into

I encountered several challenges while building Splasher. Integrating tasks with the calendar required precise time handling and synchronization. Allowing users to cite and collaborate on plans presented post some challenges because it requires even more complicated database operation queries and stronger logic. Building visualized graphs and ensuring they remained accurate and up-to-date was another hurdle, especially in rendering large datasets efficiently.

Accomplishments that I am proud of

I am proud of the seamless integration between tasks and calendars, as well as the interactive features that allow users to collaborate by citing plans. Our real-time data visualization with pie charts and histograms offers users valuable insights into their productivity. I am especially excited about the smart AI assistant, which adds a layer of intelligent support to help users stay on top of their goals.

What I learned

Throughout this journey, I learned a great deal about task synchronization, effective data visualization, and managing collaborative platforms. I also gained insights into the complexities of building a smart AI system that balances support with user autonomy. Additionally, optimizing both frontend and backend systems for performance and scalability was an essential learning experience.

What's next for Splasher

Looking forward, I plan to enhance Splasher's AI assistant by incorporating machine learning to provide even more personalized recommendations. I also aim to improve the platform's collaborative features by adding the ability to create group projects and share real-time updates. Expanding on the current visualizations with more complex analytics is another priority, as is integrating more external APIs to enrich the user experience.

Built With

• amazon-ec2
• node.js
• postgresql
• react
• sambanova