Five projects with JavaScript

Five projects with JavaScript

A great way, if not the best way, to improve your coding skills is by making projects. In this article, I'll show you a list of five kinds of projects you can start coding today.

Coding projects is an important step in learning to code. When you build a complete project from start-to-finish, even if it is a simple project, it helps you understand how everything works together.

This is an interesting feature.

Let's begin with the list.

VideoGames

I coded a football game that you can see here There are many easy videogames to code, but the difficulty could be as high as you want, first, you want the most simple stage of the videogame, and you could go implementing more features. For example, you could build a Tetris game, space invaders, some kind of Mario Bross videogame?

Screenshot from 2021-01-15 14-31-15.png

API Connections

The most common ones are a Weather App, Photo App, or fetching users or comments. I recommend creating projects using this website where you can find some free API's to integrate into your projects. Here's an API to connect for a movies App! Another interesting one is the API of Wikipedia, you can check it here.

You can also make something like this as I show in the next image. An array with information, I'm making this city's slider and I've done this to take the information.

Api.png

Calculators

It doesn't have to be a simple calculator, though that's good as a start. You can build calculators or converters, for example, an exchange calculator, a temperature converter, Roman Numeral Converter. The interesting part of doing this kind of Apps, it's that you are not only coding the App but also need to code a nice style for it.

Screenshot from 2021-01-15 14-34-48.png

Charts

You can also try to make charting, statistics, maps, and all kind of graphics, I've done a couple of projects with D3 and JSCharting

Web Sites

JavaScript is one of the best programming languages to build websites. You can for example build a form style page, like a course form websites, product landing pages, or just app pages like, change background color app, a flashcard website, a coffee shop, a car dealership, you could build survey forms, tribute pages showing the work and life of any person you like, technical documentation.

stephen-phillips-hostreviews-co-uk--zRNvl3EUdw-unsplash.jpg

Algorithm solutions

A good way to improve JavaScript knowledge is by solving algorithm problems. This helps by familiarizing with the javascript elements and attributes. There are many good websites where you can find a lot of algorithms. For example LeetCode, CodeWars, or CodeForces.

alg.png

I've been uploading this kind of project to mi github account, you can check it here. This is a list of projects I've been personally coding this was useful to me when I was first learning JavaScript, so I hope it helps you too.