Search for a command to run...
Side Projects are fun learning. Learn web development using 16 side-projects. All are open-sourced.
Co-Founder, @CreoWis | Teacher, @tapaScript | Founder, @ReactPlay | YouTuber | Writer | Human
I came here from your JavaScript Hoisting and Execution Context post on freeCodeCamp. The projects are amazing! I am planning to recreate some of them. Thank you so much! :)
Thank you very much Param Siddharth. I'm so glad that you liked the projects. Please feel free to contribute to any of them or share. Recreating some of them is a great plan.
Thank you! I'm glad you liked it.
Thank you!
You're welcome :).
Indeed the best article I have ever read. Got to learn a lot of stuffs. Thanks a lot of this one.
Also, understood, Sharing is the best way to learn as well as to help the society.
Thanks a lot, Priya. Really glad you liked it. Feel free to share it in your circle 🙂.
Thank you! 🙂
Awesome list!
Here is one more:
https://github.com/bobbyiliev/introduction-to-bash-scripting
Thanks Shamaayil Ahmed, Glad you liked it.
Thanks for sharing such an awesome list of GitHub projects, I will make sure to contribute in at least one of them.
Here is a series to list down articles related to my experience in participating in several Hackathons. You can learn the motivation, process, full journey of those by reading these. Keep Hacking!
When a user interacts with a physical keyboard, we can capture the activity using the JavaScript KeyboardEvent interface. It has the required properties, methods to let us know what key user would have pressed, its code, a unique modifier, etc. As a ...
Traditional SSR is great, but it has a massive buffering problem. Let's look into the SSR Streaming and learn how it could be a game changer.
Learn how to build maintainable, reusable forms in React using design patterns like custom hooks, compound components, and context for scalable CRUD
Learn how JavaScript variables work, including let vs const, primitive and reference types, pass by value, and how JavaScript stores data in memory.
A beginner-friendly introduction to JavaScript covering what it is, how it works, and how to set up your JavaScript environment
Learn how the promises are handled internally using event loop. This concept is essentials to debug and work with async programming.
GreenRoots Blog - A Blog by Tapas Adhikary
186 posts
Educator | YouTuber | Building ReactPlay | Let's Connect
A Side Project is something you do aside from your main job to fuel your passion while learning something new. This quote is very close to my heart,
In vain have you acquired knowledge if you have not imparted it to others.
With this in mind, let me share my learning from the side projects accomplished in the year 2020. The primary purpose of this article is to share the GitHub repositories with relevant details. Each of the repositories has a well-explained readme.md file to guide how to use the project.
All these projects are open-source. Feel free to try, fork, contribute, and I hope you find them useful.
This project helps you to create a theming system. Build a theme of your choice. You can also switch/test/apply the themes. You can extend the project easily for your need.
data-store of your choice.It is a reactjs based component available as a public npm to use. You can manage time-based notifications using it. It is capable of tracking incoming notifications, read/un-read them with many other customizations.
This is a Jamstack application to host all the demos in one place. Just supply the description of it in a .md file and your demo goes live on the site. Please Feel free to contribute ✋ to this project.
It is a fun project created for Hashnode's #christmashackathon. A simple web app to recognize the Disney princess with confidence.
It's a project to build a Jamstack image gallery. We learn to handle the media files at the build time.
It is a repo to listing down HTML5 features that I haven't used much in the past but find useful now.
This repo lists the JavaScript tips and tricks I am learning every day!
Adding a row dynamically to a table seems to be a very normal requirement. This repo shows how to do it using Reactjs Hooks.
A Jamstack application helps to create and manage your shopping notes. This project helps you to learn the power of serverless function and graphql.
Have you ever felt a need to automate adding a bunch of text at the top of your source files recursively? This repo contains an automation script to do that.
In 2020 we hardly spoke of anything without mentioning COVID. Publicly available COVID data helped to learn about how things are going on around the world. This repo contains code for an app with lots of visualization and details about the pandemic. This app is being used by many in India today.
This project is to help with externalizing and internationalizing strings of your web app. It is available as a public npm to download and use.
This repository contains the source code examples of useful HTML File Upload tips for Web Developers.
A project to show-case how to build a Jamstack e-commerce application.
A project to build a serverless app with authentication.
A repo to document my learning on the CSS animation with plenty of examples.
Before we end, I would like to leave you with a few reads on side projects. You may find these motivating. All the best with your upcoming side projects.
P.S. I love Coffee ☕. 