A list of inspiring ideas for your next project to stretch your skills

Moving image of a neumorphic light switch
Moving image of a neumorphic light switch
“Neumorphic Light Switch” — By Jon Kantner

One of the best ways — if not the best way — of improving at coding is to spend as much time coding as possible. The more projects and experience you have under your coding belt, the better you become.

Why not spend a couple of evenings on a side project and put in the extra effort to become exceptionally better at coding.

Without further ado, here’s the list of coding ideas for boosting your front-end development skills. Use this article as a source of inspiration for your next project.

3D Spinning Triangle (Expert Level)

Start your morning, lunch, or afternoon off by re-creating and coding this complex 3D spinning triangle. …

Save time and reduce the amount of boilerplate you have to write every time you start a new project

Open toolbox on a wood floor
Open toolbox on a wood floor
Photo by Tekton on Unsplash.

Starter kits, also known as code templates, help you speed up the development of your projects. The more time you save by automating the mundane tasks, the more efficient and productive your development cycle is.

In a nutshell, starter kits are usually some form of pre-existing code that you can use as a launching pad for new projects. Want an ORM? You got it. Want user authentication included? No problem.

Instead of spending a couple of hours setting up a new project, use that time to build the features that actually matter the most.

Without further ado, here’s a list of starter kits you can start using today. …

Everyone loves a good timeline

time line of WWII events with dates on the left and events on the right
time line of WWII events with dates on the left and events on the right
React-Chrono timeline component — Source: https://react-chrono.vercel.app/

If you have ever been asked to build a company timeline that displays events chronologically, you’ve found the right article.

This article shows you how you can build a timeline component using React and React-Chrono.

In case you’re not sure, the timeline component displays a list of events in chronological order. This is useful for displaying events and also for illustration purposes.

The greatest quality about open source is all the time you save by reusing components and packages, which are provided by the community.

Instead of reinventing the wheel, you save the hassle and time. …


Indrek Lasn

Node + React web engineer, High Quality Tech Writers For-hire: https://vowelmagic.com/, connect with me on Twitter @ https://twitter.com/lasnindrek

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store