ReCode - free programming resources

The ReCode home page.
The ReCode home page with the bottom section on features of the website.

Inspiration

School is closed in many countries worldwide, and even more adults are working from home during this coronavirus outbreak. Now is the best time to pick up a new skill which is very useful in modern times, computer programming. Students can expand their education during their time away from school and adults can use it to learn skills applicable in future job opportunities. Others who already have some experience can further improve their knowledge or explore a new field. Thus I came upon the idea behind ReCode which provides resources for everyone interested in programming. Currently includes 50+ resources in different forms.

What it does

A modern website with a nice user interface filled with resources, ranging from courses, tutorials, and other websites. They are categorized by age, language, topic, and I have even included some resources where you can practice your skills. More resources will be added shortly.

How I built it

I developed it using HTML and CSS. It is a static website so I chose to use surge to host my website for the time being. Most resources were gathered from thorough research in the past couple of days.

Challenges I ran into

Finding enough content to fit all the pages and categories took effort and time. Also picking a nice design and color palette. For the most part, finishing the whole website in time was the largest difficulty.

Accomplishments that I'm proud of

Creating the nice layout and procuring all information was difficult, especially within this time limit, and I feel proud of coming up with a completed product with all of these factors involved. I also feel like the design and overall user experience is very nice.

What I learned

I learnt many useful techniques and skills during this hackathon experience. My prior experience using HTML or CSS is very limited as my knowledge is focused on iOS app development. This time I wanted to create a utility that is far more accessible and thus chose the web platform. I also learnt how to use an easy utility known as surge to deploy my static websites.

What's next for ReCode - free programming resources

I would like to expand on this website by making it a web app along with a login/sign up interface and storage. Users should be able to favorite or save resources for further use in their account and track progress within courses. This has many educational benefits as well as usefulness in productivity. More content is also very much required.