SwipeBright

Our Home Page.
Create an Account Pop-ip.
Log-in pop-up for existing users.
Onboarding page with sample user data.
Main dashboard for swiping different users.
Matched users.
Chat conversation between matched users.
Our prototyping process in Figma.

Inspiration

As a team of students each pursuing a second degree in Computer Science, we are passionate about lifelong learning and we believe that educational equity is the first step to creating a more inclusive campus culture. University life is challenging to navigate alone, but finding peers that have the right set of skills to help you is often difficult. SwipeBright stems from observing the success of dating apps like Tinder and recognizing the potential for a similar concept to be applied to student life. We wanted to create a platform that would make the process of finding and connecting with peers as simple as swiping through profiles on a dating app.

What it does

SwipeBright is a web application that allows students to swipe through profiles of other students, similar to Tinder, to discover courses or skills that they wish to learn or exchange. Users can create profiles by providing a username and password. They are then directed to create their profile with a name, school, profile picture, a description of themself, the courses they are experts in and the courses they are seeking help for. After creating an account, users see a dashboard of users for them to swipe through, as well as a chat section on the side with their current matches. When two users swipe right on each other's profiles, they are matched, enabling them to chat and exchange information about the courses or skills they are interested in learning/teaching.

How we built it

React, Node js, Mongodb
Designed using Figma

Challenges we ran into

Figuring out how to do real-time chat functionality & user authentication presented challenges for us. We encountered numerous bugs related to saving cookies.

Accomplishments that we're proud of

Despite the challenges we faced, we're proud to have successfully delivered SwipeBright, a platform that revolutionizes knowledge exchange for students. We're particularly proud of implementing the swiping interface and matching algorithm, as well as creating an intuitive user experience that encourages engagement. We truly believe that SwipeBright can enhance the lives of university students like ourselves.

What we learned

For many of us, this was our first exposure to React.js and Mongodb. We encountered several challenges, including figuring out how to apply our database and implementing real-time chat functionality. We learned the importance of patience and determination when creating projects under the pressure of a time limit.

What's next for SwipeBright

We are very proud of our current product, but we're even more excited about the future possibilities for SwipeBright. Here are some potential avenues for future development:

Enhanced Matching Algorithm : Improving the matching algorithm to provide more accurate and relevant course recommendations based on user preferences and behaviour.
Advanced Chat Features : Adding features like multimedia support, group chats, and message threading to enhance the communication experience between matched users.
Community Engagement : Expanding the user groups to include a broader community, allowing exchange of a variety of skills, such as languages, sports, instruments, photography, and cooking.

By continuously iterating and innovating, we aim to further empower students in their quest for knowledge and skill acquisition through SwipeBright.