SNAPCODE

• 

  Program converts it into code

• 

  Program runs the code

• 

  Program takes a picture

Inspiration

When im in class or looking at youtube tutorials I don't understand whats going on and especially in lectures sometimes the presenters explain to fast

What it does

It is an application that identifies code from a taken photo. It will run the code and then proceed to display the result of that code without you having to do any work.

How I built it

We built the application with HTML, CSS along with Angular for Front End, and NodeJS for backend. The server takes the image capture on Angular site, uses Tesseract for analyzing image data and returns the text. After that, we will use the other api that offer compiler engine remotely to compile the code in 20 different languages

Challenges I ran into

The Angular and css can fit well with laptop browser, but not fit to mobile app. Also, setting credential for GCP and other API for getting text from image takes many hours to config. The logic to combine front end, backend, and each component in Angular is another issues.

Accomplishments that I'm proud of

We successfully got text from image and can compile JavaScript.

What I learned

Everyone learned something new with little experience including learning how to use git hub, use JavaScript, and learn how to make a camera

What's next for SNAPCODE

Hopefully we win a prize from the hackathon and maybe we can get it to work for different languages

Built With

• api
• css
• html
• javascript
• ocr