StudySync 2200

This page highlights StudySync 2200’s mission and vision for helping students stay organized and focused.
Our to-do list is easy to use, allowing students to quickly add, organize, and track tasks.
Our About us page introduces the creators in a user-friendly format and highlights their main fun facts.

Inspiration

What went behind the ideation process for “StudySync 2200” was asking ourselves, what was something that won't ever change? One that's timeless and recurring? Which is a constant need of tasks to do. We created something that would benefit us personally. As fellow students ourselves, we understand the struggle and disorganization that is; being able to balance a packed schedule. Whether it’s the year 2025 or 2200, that will always remain a current problem. We wanted the StudySync2200 to have a futuristic but personal touch to it. We, being named the “Powerhack girls”, brought it in that direction with the choice of aesthetics being inspired by the Powerpuff girls. We also wanted a website that is simple, organized and easy for the user. Our initial prompt was, what way could we make this website make our lives easier, simpler, in the unknown future? After bouncing off many theoretical ideas that ranged from using cookies to personalize and automatically add tasks to a website that could ALSO somehow have all your smart systems such as your car, speaker system, alarm system, apple watch/oura ring and more all in one place, to finally a reasonable and doable plan that gave birth to “StudySync 2200”.

What it does

StudySync 2200 is a website for a to-do list which also acts as a planner that separates your tasks into subsections, allowing you to keep track of your progress, and also is also inspired by the “Google Calendar” feature that blocks off your day with tasks. The to-do list page also has a tracker that informs you of the number of assignments you have, that are completed and incomplete as well. There is an option to select what type of task you’re inputting (assignment, exam, test, etc.), which takes organization to the next level. Our homepage includes convenient buttons that take you to one of our other two pages: the To-do list and the About us information.

How we built it

Being in Hacker Olympics, we were lucky to have had many workshops teaching us the basics of the main languages and platforms we used to execute the project. We began by building our web layout and prototype on Figma. Then, with a lot of help from our mentors, we learned how to implement HTML, CSS and Javascript in Github and VSCode. Our mentors provided us with a lot of cool resources we didn’t have prior knowledge about that helped us learn how to use external tools in our best interest, allowing us to elevate our website further.

Challenges we ran into

As our first hackathon, this project was a valuable learning experience for us and we ran into many initial problems. The first one was where to even start and how to bring our idea to life in a realistic and more importantly, functional way. Our main challenge was learning the new application, Figma, and the new idea of using code to make the website functional. We tried many different codes, but it wasn’t replicating the ideal prototype we had designed in Figma. After numerous attempts, we achieved a result we were happy with, one where our website both functioned well and resembled our desired prototype. Another challenge that occurred was uploading our website to GitHub. Since we were initially beginners, we didn’t have any experience with that application. However, with the help from a few mentors, we were able to successfully upload our website to GitHub! Though we encountered difficult situations, we are glad it took place since it helped us become better coders and problem solvers!

Accomplishments that we're proud of

Coming into SheHacks as first-years with basic and preliminary coding knowledge, and this being our first hackathon, learning how to work all the different applications in a time crunch, combined with a new environment, was an intimidating but rewarding learning curve. That being said, we can all say we're proud of the hard work we put forward. Being able to add a project to our portfolio so early on in our academic career and come out of SheHacks a new and improved hacker than before is exciting.

What we learned

Besides a newfound love and appreciation for high speed wifi and regular sleep, throughout our 36 hour time slot we were able to gain so much valuable technical and soft skills. Being exposed to a competitive environment filled with highly-driven and talented individuals definitely pushed us to learn at a faster pace. As well as the opportunity to connect with other peers and network with both the sponsors and all the experienced volunteers built onto both our skill and knowledge set. We also were also able to learn a little bit about a lot for all the languages and platforms available to us. Seeing how whilst Figma can lay out our ideal design, we needed it to be code generated with HTML and CSS. We needed the functionality that Javascript provides and Github’s branches to explore and expand with different code. All this would've been extremely challenging without the helpful and necessary help of AI and the mentors available, as we are students, we were able to use Gemini in VScode and in our browser for any questions and extra help necessary. This helped speed tracked our way around all these new applications.

What's next for StudySync 2200

Our original idea was to create a personalized planner built into the to-do list, which actively helps users reach their goals quicker and more effectively by using integrated AI. Theoretically, this would work with AI generation where our website would provide the best way to prepare you for that event/task in steps and within a personalized timeline that would fit within your existing schedule. For example, if a user adds an exam in their to-do, our integrated AI would suggest a structured plan to prepare for that exam. We know you can input pdfs and such on websites and with our website being student focused we wanted to feature a syllabus add on, a textbook add on and such so that you would get a timeline of when to finish what chapter/section and when to be accordingly prepared by that deadline. We also wanted to gamify the to-do list by rewarding users with small incentives, such as emoji pop-ups or visual feedback, to make productivity feel more engaging and motivating. However, due to time constraints and the fact that we were initially beginners, we weren’t able to fully and confidently implement these features. Now that we’ve gained more experience and technical skills, we’re excited about the potential to build on these ideas and bring them to life in the future.