Code-Ed | Devpost

Inspiration

We were inspired by our own experiences as beginners to Computer Science. Too often as a beginner you get caught up in the syntax and lack of knowledge of the fundamentals of a specific language. This prohibits you from accomplishing great things in short time (especially in the case of a hackathon, where every hour matters!). We created Code-Ed to solve this issue for new developers. This is a resource that we wish we had when we were starting out!

What it does

Code-Ed is your One-Stop-Shop for the basics of programming. It currently has support for Python, Java and C. The user can go onto the website and navigate to the specific language that they want to learn, and then they will get the choice of a list of beginner concepts for the language. After picking a concept, say "Python Variables", the user will be presented with a page that highlights all of the fundamentals of for that topic. The user also has the option to be presented with relevant YouTube videos on the topic, which is made possible through the YouTube API. When they think they are ready, the user has the opportunity to test their skills in the built-in Repl.it IDE, with the pre-coded challenges that we have provided. Also, if the user feels so inclined, they can navigate to the Playgrounds tab to free-code in any of the supported languages!

How we built it

We used pure HTML/CSS/JS for this project. The IDE we used was the online-based Repl.it IDE. This is the same IDE that we integrated into the website. We also used Google's YouTube API to fetch the current top 9 search results for a specific topic, so that the app will always stay current.

Challenges we ran into

The YouTube API integration was difficult and took many hours. Also, the formatting of the entire project was difficult and time consuming in pure HTML/CSS/JS.

Accomplishments that we're proud of

The overall project looks great, we accomplished everything we wanted to! We are specifically proud of all that we learned along the way.

What we learned

API Integration, Web-Development, HTML/CSS/JS

What's next for Code-Ed

Make it so that you do not have to login with Google every time you want to view videos. Expand the database so that there are more languages and tutorials. Give Extra Challenges that can be completed later by the user. User Accounts.