DEV Community

Cover image for Empowering everyone to code with Google's Eye
Aniket Pal
Aniket Pal

Posted on • Updated on

Empowering everyone to code with Google's Eye

In India, more than 95% of schools don't allow smartphones in class. Being a Computer Science teacher becomes very difficult as it is nearly impossible to check the handwritten code of each student line by line. Also talking about India, in most schools, the students don't have the privilege to have one computer each for them so that they can run their code on their own. So it becomes a nightmare for the teacher as they might have to manually type each code of each student and run it or take the risk of missing out on bugs.

Anybody can code with playground

While in recent times, the world has started moving towards Codelisation, being a good programmer is not easy it requires consistency, determination, problem-solving ability, and a lot more but, most importantly it requires you to get started. I did a small survey in my community and got to know more than 80% of them started properly coding after joining university and the major reason was lack of the personal computers and laptops. In developing countries, 3 out of 10 people have access to computers in comparison to 8 out of 10 people who have access to smartphones. Let's see how project playground solves this problem and empowers even someone from a remote village in India to start coding.

To solve these issues, we came up with playground!

GitHub logo Aniket762 / playground

Play around with code while we make sure you aren't lost!

Playground

In India, more than 95% of schools don't allow smartphones in class. Being a Computer Science teacher becomes very difficult as it is nearly impossible to check the handwritten code of each student line by line. Also talking in India, in most schools, the students don't have the privilege to have one computer each for them so that they can run their code on their own. So it becomes a nightmare for the teacher as they might have to manually type each code of each student and run it or take the risk of missing out on bugs. So we came up with Playground to make this job easier. Another reason for creating Playground was that once we entered college we understood the importance of coding. Coding not only helps you in a Software job but also helps increase logical reasoning and problem-solving ability. But many students don't have…

How it works πŸ€“

Playground empowers everyone to write code. Write on any piece of paper, take a photo and upload it. Unlike humans, computers make mistakes so we have built a code editor where the code can be edited and finally with the click of submit button the code gets compiled. Not only does this empowers students to become better coders but also helps teachers in evaluation let's see how.

How we built it πŸ‘¨β€πŸ’»

We used Next.js in the frontend and Node.js in the backend with MongoDB as our database. Next, we used the Google Vision API for scanning the image and retrieving the handwritten text. The handwritten text was displayed in a code editor with full syntax highlighting and available for currently two languages, c++ and python. When you click submit, we generated a new code file for the corresponding language and displayed it's output on the screen.


Playground was built in Teacher's Hack powered by MLH in which we were the overall winner but there are a lot of features we have planned and some which need the support of community.

image

What's next for Playground πŸ”₯

Next, we want to increase the support by providing more options for languages like javascript, java, c and so on. We also want to increase the variety of questions varying through a variety of topics and difficulty levels. In addition to that, we plan to create a neural search framework that will allow us to filter the questions on the basis of topic and difficulty and help you find similar questions. Lastly, we wish to build our very own OCR model for text extraction. This will solve our problems of billing while using external models.

Support us to empower everyone πŸš€

Taking this prototype to production needs your help. The code is open-sourced and would love to see your contribution:

  • Check the Github Repo 😎
  • Fork the Repository 🍴
  • Star the Repo ⭐️
  • Send the PR or create an issue πŸ€“

Incase you like the project and help our community and empower everyone to code drop a star to increase the visibility. And, if you want to discuss more you can connect with me on LinkedIn

Discussion (6)

Collapse
leouofa profile image
Leonid Medovyy

That is super cool man. India is an awesome country with some very talented engineers. Its good to see projects like these using creativity to reduce the digital divide.

Collapse
sumana2001 profile image
Sumana Basu

We really hope this helps someone, somewhere!😁

Collapse
aniket762 profile image
Aniket Pal Author

Thanks a lot, you made my day πŸ₯°

Collapse
sumana2001 profile image
Sumana Basu

Had a great time building this project with you✨

Collapse
aniket762 profile image
Aniket Pal Author

Collapse
sumana2001 profile image
Sumana Basu

HeheπŸ™ˆ