SnappyStreak

Welcome to SnappyStreak! This website allows you to stay motivated and keep study climbing. Join us now to snap it, track it and streak it.
Dashboard Page - Displays day streak, total points, tasks done, badges earned, charts and diagrams
Dashboard Page - Displays day streak, total points, tasks done, badges earned, charts and diagrams
Home Page - Displays users streaks, total points, tasks completed, as well as quick links to different pages
Assignments Page - Marking and graded sections after submission.
Assignments Page - After users uploads their file through the submit button, a preview will appear before submission
Assignments Page - Shows pending, completed and overdue assignment.
Community page - Users can join study groups, discussions, and connect with other users.
Tasks Page - Displays available and completed current tasks
Points & Rewards page - Shows users total points as well as available rewards to be claimed
Points & Rewards page - Shows users total points as well as available rewards to be claimed
Tools Page - Study tools and techniques available within this page where users can utilize for their learning.

Inspiration

In the beginning, the journey was tough as there were many online applications that address the same challenges. We knew we had to find a unique selling point for our product. Then, it caught my friends’ and my attention while we were studying together in the National Library of Singapore that we witnessed a child sitting across from us using an I-pad. She was so glued to her device as she played her game of ‘Candy Crush’ for a prolonged period of time. In this modern age, mobile devices have become an essential part of our everyday life. However, this has raised concerns among younger age groups. Many children prefer spending time on their phones and other devices rather than focusing on schoolwork, especially when some parents are too busy to regularly monitor their progress. So, how can we help our future generations of leaders to bridge the gap between academic learning and the use of technology?

What it does

Thus, for this Hackathon, we aim to explore this issue and come up with a creative and practical solution using modern tools and AI. We began by discussing the common challenges children and parents face currently such as time constraint and lack of involvement. Through group discussions and design thinking techniques, we brainstormed a variety of ideas that could help children utilize technology for good instead of a distraction. From there, we came up with a problem statement and further research to find a solution. Fortunately, we were able to utilized AI tool like ‘Bolt.new’ to develop and test prompts that could support our ideas.

How we built it

Thereafter, we implemented our website application, named ‘SnappyStreak’. It consists of our primary feature of having a smart tools such as Pomodoro timer and AI marking system that can be able to help students to avoid distractions and submit their homework on time. We proceeded to add secondary features such as 'Community' page and 'Points & Rewards' page to act as a motivator for students to stay on our website application longer while enjoying the process of learning. Then, we decided to hardcode the rest of the systems such as 'Notification' page, 'Personal information' page and many more to give authenticity from a student's point of view.

Challenges we ran into

As expected, we faced challenges along the way. One major setback was turning our ideas into clear visual designs but before it gave us the design, the AI tool already used up all of the free tokens as it is not able to process long and detailed prompts. In this way, we had to change up our ideas numerous times and write more targeted and concise prompts. Fortunately, ‘Bolt.new’ managed to show some results that we prompted after a few more attempts. Additionally, due to the lack of coding knowledge, we encountered issues such as understanding large amounts of codes generated by ‘Bolt.new’, fixing bugs, and connecting the frontend to the backend. This requires a lot of team effort and patience in order to address all the challenges and bugs. One instance was the marking regime for students' assignment, we decided to run the code locally in our computer and to connect to Chatgpt's API to send a signal requesting for an answer from their server. Other challenges we faced were minute such as working together to be on the same page constantly and coming to consensus on which idea or design works best for our website application.

Accomplishments that we're proud of

Through this hackathon, we learnt many valuable lessons about teamwork, problem-solving, and adaptability. We are proud of staying through the hard times together and not leaving each other out when dealing with the setbacks. Ultimately, allowing us to create a website application for the first time in our lives.

What we learned

During this hackathon, we gained valuable experience in utilizing ‘Bolt.new’ to help us create a meaningful project for the users. With ‘Bolt.new’, it helps us visualize our concepts and facilitate the development process. One of the most exciting and nail-biting moments is waiting for ‘Bolt.new’ to develop our website application from our basic prompt. Another meaningful part of the project was learning to see the global issues from both a parent’s and a child’s perspective through research. This helped us better understand the real-life impact our ideas could have. Most importantly, this hackathon showed us the potential that modern AI tools can have on people of different age groups when used thoughtfully to address real-world issues.

What's next for SnappyStreak

As of now, there are many future improvements that we have in our mind but there are three main points we would like to focus on for our website application. Firstly, we would like to integrate an AI persona to act as a chat box for users to have an interactive experience. Secondly, we would also like to transform our platform to target a diverse community. For instance, Taobao recently implemented a multi-language mode like English for non-mandarin speakers to utilize their application. Thus, this will help to advertise our website application globally at the same time. Last but not least, we would like to improve our AI checking system. As of now, our system uses Chatgpt to do the marking of assignments but we have since realized that there are specialized AI tools for that. For instance, 'Smodin AI Grader' is one of the smart tools that can be able to grade assignments and provide critical feedback which is useful for our website application.