Update

Due to less Cloud Credits, main content cannot be visible

💡Inspiration

Sometimes it's hard to sit in front of a screen all day and write code. It definitely takes a toll on your health. So why not go old-school and write the code on a pen and paper so that it doesn't affect your Health.

Also this can be helpful for the students who are getting on with coding and have lack of resources (like laptops). So they have to use their mobile phone to write and compile their code which takes a lot of time and effort.

💻What it does

Codifier is a web based code converter which can translate your handwritten code into actual typed code using OCR in just a few seconds. Don't worry about typing all the code, just scan and upload and Et-voilà! It also Compiles the code in various languages like C,C++,Java,Python.

🔷Steps to Use

1. Click on get Started.
2. Select the option to either click a photo or choose from gallery.
3. Upload your Scanned code and click on Convert.
   • This process will take you to the compiler.
4. Select your programming language.
5. After getting your code on the screen, you can edit the code if you want.
6. Click the Compile button to compile and run it into the output screen.

🔨How we built it

• React Js: For Frontend
• Tailwind CSS: For styling
• Figma: For Designing. (You can see it here)
• Node Js: For Backend Server
• API Google Cloud Vision and JDoodle API

💻AI Code Recognition Challenges

Codifier uses Google Cloud Vision API for recognizing the handritten code and converting into typed code, It also uses the JDoodle API to compile and run the code into different programming languages like C,C++,Java,Python.

🧠Use of Google Cloud Vision API

• Handritten code Recognition.
• Conversion into Type code.

🏅Challenges We ran into

• Communication gap due to Online Hackathons.
• The Biggest Challenge we ran into was, to configure the API to recognize and convert the code.
• Compiling and running the code into different languages.

📖What we learnt

1. Team Building
2. Working with:

• React Js
• Figma
• Multer
• Git and Github
• APIs
• PWA (Progressive Web Applications)

WireFrames

click here