Don't just learn to code, learn to create

Search for a command to run...

This article is great. Someone indicated it to me a few weeks ago and now I am subscribed in this site just because I wanted to comment here. Thanks for your tips, wish you could do more tutorials like the random quote one.
Thanks for reading! This pushes me to write even more.
Thanks for this. I have always wanted to build an expense tracking app. My dad has been complaining of his expenses. This just gave me an idea. Thank you Rutik
You're welcome. Glad I could help.
Thanks. I am glad you found it helpful. 😊
Thanks Jatin Rao 😊
Good one Rutik.. Creating something along side learning is like bookmarking your own learning. Totally agree!
Looking forward to see you continue to create awesome projects!
Thank you Tapas Adhikary 👍
2022 was a year full of learnings for me. It was about solving problems, lots of iterations, making solid fundamentals, and growing up as a person. Even though it feels like this year went really fast and I have a very vague memory of it, this is my ...

Finally, the wait is over. Last year I built and launched Tabwave, a mindful productivity chrome extension that replaces your browser's new tab. It has been my passion project for a long time. And now it has become even more mindful and beautiful. Af...

The modern web has evolved over the years with new tools and technologies. We are introduced to new approaches to rendering websites and apps. With the rise of frameworks like NextJs and Remix, SSR has gained a lot of popularity in the last few years...

If you are following me for a while you know I love building side projects. And every time I decided to build one, I didn't know how it will turn out in the end. But one thing is for sure, it all started with a half-baked idea. half baked idea? what...

Did you know you can create GraphQL APIs within minutes without writing a single line of code? Well, I didn't. Thanks to the Hasura X Hashnode hackathon. Now I know and so you will. Hi there, In this blog post I will talk about why and how I built a ...

Learning to code is fun. It's exciting, isn't it? It gives you powers to create anything you want. But learning how to code is not enough, building real stuff is the real deal. The biggest mistake I did as a beginner was getting stuck in the tutorial hell. I was buying courses after courses, watching endless tutorials, and spending a lot of time collecting and consuming information. But what I did wrong was not to apply what I learned.
I learned that no amount of tutorials and books are gonna help me if I don't build something by myself. The amount of things I learned by creating my own projects, getting stuck, fixing bugs, finding solutions is nowhere compared to those tutorials. It's priceless.
So in this post, I am going to talk about what I learned by making a few simple projects while learning JavaScript and how you can start creating too.

RandomQuote is a simple random programming quotes generator. This was the first thing I built while learning javascript. I learned some basics of Js and I wanted to implement everything I learned. So this simple project helped me understand concepts like strings, arrays, functions, event listeners, and template literals in JavaScript.
What I did was really simple. I stored a few quotes in an array, generated a random number, and then displayed a random quote every time the user clicks a button. But for me, being able to do something like that was ✨ magic. I wrote a blog explaining how you can make yours too. See here.
User Stories :
Demo : randomquot.now.sh
NotesWall is a simple sticky note app. Rather than making another todo app, I thought of making this notetaking app. Building this project was super fun and exciting. I made the design minimal and appealing.
The element of type color provides a user interface element that lets a user specify a color, either by using a visual color picker interface or by entering the color into a text field in #rrggbb hexadecimal format.
This way I made it possible for users to choose different colors for their notes. One small concept and it made a big difference.
User stories:
Demo : noteswall.now.sh

Finman is a finance manager to manage all your income and expenses. I learned about design patterns while implementing this and how they are used to structure our code in an optimized way.
The important thing I learned was to always try to cover all the cases for the app. For ex. The input should always take some value or The amount input should take only numbers as input.

User stories:
Demo : finman.now.sh
Skymate is a weather app that fetches real-time weather data of any location. I learned about APIs and how they work. For this project, I have used the ⛅ OpenWeather API. Reading the API docs and implementing it in the project was a great exercise. Also adding a loader until the data is fetched improves the user experience.
User stories:
Demo : skymate.now.sh

Apihouse is an interface for the public-apis repository where you can get a collective list of free APIs for use in software and web development.
This 📦 repository was so big and full of APIs and it was really difficult to find APIs in the whole readme file. But surprisingly it had its own API too. So to make my life a little easy and better I made this app for myself. If you are curious to know what happens when the frontend devs meet free APIs, read my blog here.
User stories:
Improving user experience:
If you are displaying more than 10-15 cards or lists, having a top button ( to go on the top) will surely improve the user experience. Thanks to those who gave me some awesome feedback.

Demo : apihouse.now.sh
Note: All of these apps I created are mobile responsive.
See the sole purpose of 🛠 building stuff is to learn. Learn better. You might not write the perfect code for the first time. Your first app might not be the best one. It will be challenging and frustrating for a while. But eventually, you will get better. Every master was once a beginner.
I keep writing about the things I learned and applied. So you can connect with me on Twitter, Github or Linkedin. Also, subscribe to my newsletter and stay up-to-date with my latest blog posts.
⚡ Happy learning!