by Indrek Lasn

Want to be a top developer? You should build things. Here’s another list to get you started.

“A bright blue neon on a wall reads “Work harder”” by Jordan Whitfield on Unsplash

Due to high demand I’m extending the list of fun apps to build. 😁

Here’s the initial post. Feel free to post your applications in the comments or on Twitter.

Note: This post was originally published at strilliant.com — please it some love too! ❤

Want to be a top developer? You should build things. Here's another list to get you started.
Everyone knows that skill is acquired by hard work mixed with passion. In order to become good at something, one must…www.strilliant.com

Everyone knows that skill is acquired by hard work mixed with passion. In order to become good at something, one must put in the effort.

Nothing good comes easy. If it’s hard, it’s worth doing. Most of us are excited to code, but frequently lack the ideas. Allow me to present some challenging, yet fun ideas to build.

Without further ado, let’s jump in!

Project #1: GraphQL powered Node.js Backend

GraphQL and Graphiql frontend

GraphQL has revolutionized the way we send and receive data. Absolutely worth your time to check it out.

Specifications:

  • Setup a Node.js express server with MongoDB and graphQL.
  • Ability to create, read, update, delete (CRUD) data.
  • Fetch data from a simple front-end.

Here’s a detailed tutorial I wrote on the subject, enjoy!

How to set-up a powerful API with Nodejs, GraphQL, MongoDB, Hapi, and Swagger
Separating your frontend and backend has many advantages:medium.freecodecamp.org

Node, React and GraphQL from zero to hero tutorial.

Project #2: Terminal app

scope-chain-closures terminal app

A terminal application is simply an application that runs inside the terminal.

Try starting small, and create a simple app that runs in the terminal. The mechanics behind terminal apps are very simple: you give some input and get back the output (I/O)

Some really simple ideas to get started:

  • Ask for the name of the user and output the results.
  • Display some easy math equations and let the user input the value of the equation.

Here’s a great aggregated list of learning JavaScript terminal apps.

Project #3: Electron desktop application

Electron lets you build native desktop applications with web technologies such as HTML, CSS, and JavaScript.

Some of the most well-known Electron apps are: Visual studio code, Atom, Slack, and Webtorrent.io

Once again, start small and build on top of that. For example, start your electron application, create an input, and display the output to your terminal. If you’re familiar with web development, Electron will be very conventional.

Project #4: Instagram clone

Instagram is a convoluted application, and (re)building it will teach you a lot. Some of the highlights of what you will be learning by building Instagram are:

  • Complex grid management (try to make use of the new CSS grid for extra brownies)
  • Calling multiple API endpoints/data flow management (try to use GraphQL)
  • Ability to deliver scalable and real world applications.

Feel free to use any technology as you see fit.

Instagram is kind enough to provide us with their API.

Project #5: Data visualization with D3.js

complex data visualization example — Source

D3 stands for Data-Driven-Documents. D3 is by far the most used library for charting. It’s not the only option, though — there are couple more like ChartJS and plotly.JS.

This one really gets me excited. Let’s visualize a dataset with D3.js. You can pick any dataset from the link below.

Awesome GitHub repository consisting of free-to-use public datasets.

Thank you very much for reading. I’m active on Twitter, mostly tweeting about new tech and learning sources.

From Zero to Hero with Vue - But first, why Vue?
Vue has taken the Javascript world by storm - and for a good reason. Vue is a great tool to work with. I had the…medium.freecodecamp.orgTypeScript — JavaScript with superpowers
Javascript is cool. But do you know what’s even more cool?medium.freecodecamp.org👆 Pointer events with React — The why, how, what?
Let’s talk about events, more specifically pointer events.medium.com How to set-up a powerful API with Nodejs, GraphQL, MongoDB, Hapi, and Swagger
Separating your frontend and backend has many advantages:medium.freecodecamp.orgHere are the best courses and resources for learning Solidity (Ethereum dApps)
Hi, welcome. I’m Indrek, senior software engineer, and I’m fortunate enough to work with solidity everyday at Covee.medium.comSupercharge your debugging experience for Node.js
You see this, what do you do?medium.comIndrek Lasn (@lasnindrek) | Twitter
The latest Tweets from Indrek Lasn (@lasnindrek). Coder, writer, blockchain dev, startup guy. Opinions are my own…twitter.com