Code Prez | Devpost

Code Prez
Code Prez

What it does

Code Prez is an all-in-one solution that aims to revamp coding tutorials, by creating a new dynamic between the student and the content.

Code Prez documents are essentially series of code-snippets bundled together, each to be shown, at their own time, alongside the creator's recorded voice. Think of it as a video, where frames are code-snippets, instead of photos.

We provide a free and accessible platform for creators to create their documents on, PLUS an NPM package for them to share their amazing tutorials on their own platforms.

Inspiration

Video Tutorials have always been a best friend to developers. These videos became even more vital to the growth of our hacker community, as a global pandemic closed down most schools and boot camps.

With such great responsibility, video tutorials sometimes fail us. They are:

non-interactive
high in volume
expensive to make
hard to edit

With Code Prez, we solve all of that!

How we built it

Code Prez uses a time-tracking mechanism to subscribe to changes of code while recording. It will output an audio file containing the creator's recorder voice, and a .cdpz file, which is an internal Code Prez format, that Code Prez Player can decode and play. The player will then sync the voice with the .cdpz file and will play them alongside each other.

Challenges we ran into

Creating an enhanced service, that can run with little resources on the browser was a challenge for us. We wanted Code Prez to be accessible, so we had to make sure that everyone, regardless of their hardware, can use Code Prez to create tutorials and help the hacker community grow. We overcame this challenge by re-factoring our algorithms and making the production quality dynamic.

Accomplishments that we're proud of

We have created a new way of teaching, and a new way of learning. We believe that Code Prez can help our community share, grow, and empower!

What we learned

Time Management: 36 hours is a long time, but not too long if you are delivering a game-changing product.
Working in a Team: Working closely in a team of 4, with one of our teammates on the other side of the world, we had to cognitively and consistently communicate with each other.
Critical Thinking: Each one of us had a different idea of Code Prez. We sat down, brought them together, and created a shared vision.

What's next for Code Prez

We aim to improve our accessibility, by providing Code Prez Recorder and Code Prez Player across different platforms. Our very next step will be to create a VS Code extension, to allow the creation of tutorials, right from the comfort of your code editor.