devTutor

• 

  The homepage where you can see the available tutors. There's the messaging box right beside it to connect instantly with the tutor

• 

  Here's the simplistic profile card with the Tutor mode toggle button to identify yourself as available for tutoring

• 

  Before making a decision on a tutor, you can also look at their profile to see if they are a good fit for you

• 

  This is the welcome/'sign-in with github' page

Inspiration

As developers, we have had those moments where we wish we had a personal coding tutor for our projects. Our friends might not have the answers. Sometimes, Stackoverflow can be intimidating and the community can be toxic. Therefore, we have made this app to instantly find an available and experienced developer to help you out. The community is a judgement-free zone, where any questions can be asked. We hope that we could make the hacking community more wholesome and collaborative

What it does

We built a collaborative online code editor and executor with built in video calling and instant messaging functionality. Our app also includes user profiles where users can mark themselves as tutors and accept requests for help. We thing that by providing beginner programmers with specialized tools for collaborating and communicating with industry professionals, we can have a positive impact on their success later in life.

How I built it

We built our app using the Nuxt frontend framework, and powered it with Firebase. We use Firebase to store all our user profiles, perform authentication, perform instant messaging and initialize our peer-to-peer video calling powered by WebRTC.

Challenges I ran into

We were challenged by issues involving authentication security, and firebase intigration, and there remain some of these improvements that remain possible for future iterations of our app

Accomplishments that I'm proud of

We're proud that we managed to build an app that feels intuitive for new users, and can provide them with opportunities to improve their craft, which will hopefully have lasting impacts on their future careers

What I learned

We learn to be more experimental with our approach to web app development. We learn how to integrate Firebase to our application. We learned how to implement voice/video chat as well as code sharing

What's next for devTutor

We are exploring the possibility of adding chatrooms where developers can discuss solutions together. We also discuss a 5-star rating system where the tutees can rate their tutors, and then the top tutors off the week can show up on the homepage.

Github: https://github.com/EthanHaid/DevTutor

Built With

• codemirror
• firebase
• firepad
• nuxt.js
• piston
• vuetify