StudySpace

StudySpace is your online study corner: make flashcards, use a focus timer to track study time, and control your ambiance with cafe noises, rain, and more to stay focused and distraction free.

Comment

Inspiration

While discussing project ideas we settled on a studying website but we weren’t sure what to make of it yet. I then mentioned one of my favourite focus websites, “I Miss My Café”, which plays ambient sounds to create a relaxing space. After that we kept listing more of our favourite methods of studying and we eventually came up with what is now StudySpace.

What it does

StudySpace is a website that helps you memorize material with flashcards while also letting you create a space that suits your needs. You can adjust the ambiance with different sound options and set a timer for your breaks and study sessions, so it’s all about shaping the study experience to your personal preferences.

How we built it

We built StudySpace using HTML, CSS, and JavaScript. Since most of us (if not, all of us) were beginners in front-end development, everything was brand new, so we had a lot to learn along the way. It was a fun challenge to bring back-end style thinking into the front-end world and see it all come together.

Challenges we ran into

The hardest part was learning front-end development from scratch since most of us usually work on the backend. We also ran into small bugs like audio not playing correctly or the timer going past zero and even just floating text and buttons. Debugging these took some trial and error, but all the bugs we found were eventually fixed.

Accomplishments that we're proud of

We’re proud of how cohesive everything came together. Once again considering it’s majority of our first time working with front-end materials, it was very rewarding to see all our efforts come together.

What we learned

We learned a lot about JavaScript and front-end development in general. Such as how much work goes into making even simple tasks like buttons function. It is always great to learn and experience different languages and styles of coding.

What's next for StudySpace

Next, we want to add a quiz section that uses the user’s flashcards. Overall, we hope StudySpace helps people focus, learn more efficiently, and feel relaxed while studying.

Built With

Share this project:

Updates