LearnLoop

landing page
dashboard
all study sessions
more sessions
assigned topic

Inspiration

Do you ever wish you could retake a lecture on just a specific topic? As students, we’ve all experienced a moment where a lecture moves too fast, or a concept just doesn’t click. It can also be difficult to find study buddies or make friends in a class, especially in large university settings. We also know that forming study groups helps students hold each other accountable, and teaching each other concepts is a proven method to reach that next level of understanding. Our project combines these to create a new, exciting, and effective study method.

What it does

LearnLoop brings students together in a new, simple, and engaging way. Students input the class they’re studying for and the topics that they want to study. They also have the option to create a new session, including a time, location, and topics covered for the session. Other students can join the session, and each participant is automatically assigned a topic to learn. At the study session, each student is responsible for teaching their assigned topic to the rest of the group, ensuring everyone both learns and contributes at the same time. Students can view a list of all the sessions they have joined on their personal dashboard, along with their friends and the sessions they’re participating in.

How we built it

We used tools such as HTML, CSS, JavaScript, React.js, and Figma to develop and implement our ideas.

Challenges we ran into

We struggled frequently with merge conflicts. We found that as a result of committing, and pushing too little, each person’s project version could diverge too much from the others’, making pulling a big hassle. This caused trouble across multiple devices when trying to get all of our local repositories on the same version.

Accomplishments that we're proud of

We are proud that we designed a website demonstrating a working proof of concept in such a short amount of time, especially considering most of us had little to no prior experience with web development, React, or the other tools that we used.

What we learned

We learned how to use React to make our ideas come to life and build an almost functional product. Some of us also learned to use Figma for the first time.

What's next for LearnLoop

Currently, most of the data in the project is hard coded, making our project mostly a proof of concept. The next step for LearnLoop would be to improve the back end, including adding functionality that allows us to create a server allowing real user interaction, store data, and to potentially access an API with the courses offered at UBC. Other features we would like to add include:

Friending Feature -- Search and add friends through a personalized friending code
Team system: -- Users can create study teams, where they meet up on a regular basis -- Users earn points for participation
Leaderboard: -- Reward the most active teams or top users
Progress tracking: -- Users can track their progress on a specific topic, or progress overall of all the topics they are assigned
User matching: -- Users are matched with those who have similar classes or topics
Calendar -- A schedule is created with all the topics a user is assigned and plans out their study schedule