StyleSync

StyleSync is a tool that helps students identify their learning style—visual, auditory, or kinesthetic—designed to support all learners and make study strategies more personalized and effective.

Comment

Inspiration

Our project's objective was to make learning easier and more accessible to everyone based on their learning style. This website was heavily based on our friend, who was diagnosed with Dyslexia. We thought it would be interesting to incorporate a settings bar that would help the user comprehend information more easily.

What it does

Since this idea didn’t actively incorporate AI, we planned to include other creative methods to make learning more accessible. Our main goal was to personalize the experience based on the user’s learning style; audio, visual, tactile/kinesthetic. The idea was to redirect users to an AI experience that matched how they best learn. Audio learners would go to a text-to-speech AI, visual learners to an image-generating AI, and tactile learners to an interactive "drag and drop" style AI. Unfortunately, we weren’t able to fully integrate these AIs due to time and experience constraints but the framework and redirection concept are in place, and we’d love to expand on this in the future.

How we built it

We built StyleSync using VS Code with a combination of HTML, CSS, SCSS, and JavaScript for the frontend, and Node.js for backend functionality. We attempted to use OpenAI’s API to provide tailored AI interactions, but the AI endpoints didn’t fully deploy.

Challenges we ran into

Getting the OpenAI's API was one of the toughest parts of building our website. It was difficult to understand how to implement an AI through code, especially since this was our first time ever using AI for a project.

Accomplishments that we're proud of

We are very proud of our accessibility settings bar! The font changer, color modes, and size changer worked just as well as we'd hoped and we are incredibly content with its functionality within out website.

What we learned

We learned a lot about backend development, more specifically, how to integrate APIs (even if they didn’t always cooperate), and how to troubleshoot. We got more comfortable using Git, managing a repository, and working collaboratively under time pressure. Most importantly, we learned that even a half-working product can carry purpose and potential.

What's next for StyleSync

For future improvements, we plan to introduce customizable themes and a more user-centric interface, giving users greater freedom to tailor their experience. We also aim to integrate more advanced AI features, expand support for multiple learning styles simultaneously, and streamline the user flow by removing the need to retake the test each time. Eventually, we hope to develop a mobile app or game version for easier access and a more engaging, interactive experience.

Built With

Share this project:

Updates