Any Tutor

• 

  Title Page

Inspiration

Many people around the world struggle to grasp some concepts in school(including us), but we don't want that to happen to anybody. And I'm sure most people also feel the same. That's why we made Any Tutor, to make sure that problem never happens again, and no one feels like they can't get help.

What it does

Any Tutor is a web app that helps students connect with other peers and tutors around the world. This is a surefire way to enhance individuals by learning from each others and growing as students. It combines a robust video call system with a chat system to create a simple, yet powerful tool that will reach students across the globe.

How we built it

We used React.js, Firebase API, and 100ms to make our application. We first made the video call system with 100ms, then went onto the title screen, then we used Firebase to create the chat system that students can talk from. All of the components were styled with CSS, not to mention some beautiful animations.

Challenges we ran into

As soon as we finished the video call UI, we couldn't see each other's camera or hear each other's audio. This led to about 1 hour of research on how to fix the problem, which culminated in a solution. Then, we also ran into some problems where we couldn't navigate easily around the web app, which led to the implementation of react-router-dom. Firebase also took some hard thinking, as we had to implement Google Authentication and a Chat Screen. This led to some syntax errors, which took hours to fix.

Accomplishments that we're proud of

We were at a moment where we were going to quit because we were so frustrated due to many problems, such as syntax errors. That was a very good moment to reflect on, and one we will look upon for many more hackathons.

What we learned

We have learned that no matter what, don't give up. The solution may take some time, but eventually it will find its way to you if you put in the absolute best effort.

What's next for Any Tutor

We're going to keep on implementing more features, as we want to make sure that users get the best experience that they want to have. So it really depends on what the users think of our project, and we'll go from there.

Built With

• 100ms
• css3
• firebase
• javascript
• react