• 

  Home Page

• 

  Coding Presentation Project

• 

  Contact

• 

  About

‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎‎ ‎

Inspiration

We got the idea from our general dissatisfaction with how coding presentations are sometimes taught. In my personal experience, I often get lost in coding presentations, either due to not being able to follow along with the presenter or not understanding a concept at a specific part, which makes it difficult to catch up with the rest of the presentation. We wondered why the code wasn’t pre-made and presented on PowerPoint, but we found that it is not an effective tool for presenting code. We tried to find an effective tool, and when we couldn't, we decided to come up with a tool tailored specifically for coding presentations.

What it does

Codelaboration is an interactive tool tailored for teachers, students, and anyone who wants to deliver engaging coding presentations whether in a classroom, during job meetings, or while mentoring a peer. It enables presenters to showcase lines of code in real time, illustrating the organic natural progression of coding as a project evolves from concept to completion. This approach helps the audience follow along with ease making the ordeal of learning a coding language of algorithm concept less daunting.

How we built it

It is a website that can be run from the following URL: https://alexdreyesz.github.io/Codelaboration/ currently, most of the features are hard coded and only Hello World and Linked List Have a project showcase presentation ready. The project is best visualized by changing the zoom values from around 67% - 80%.

Challenges we ran into

We experienced coordination issues while working as a group because we did not have a stable workflow, and it was our first hackathon.

Accomplishments that we're proud of

We were able to push through our coordination difficulties and bring our project to life. Coming up with the concept of how to write the JavaScript to create more empty objects and then writing on them while still keeping track of the window size and how many lines were created was our hardest challenge.

What we learned

We learned more about HTML, CSS, and Javascript. We also learned how to collaborate as a team and make use of the tools that were available at our disposal.

What's next for Codelaboration

What's next for our project is to implement the remaining functions, as the project's scope extends beyond what we were able to achieve in such a short amount of time. We are looking into implementing live tracking functionality to the presentation and the ability to join classrooms IDs and the creation and storage of new projects.

Built With

• css
• html
• javascript