Awesome JavaScript Projects

Awesome JavaScript Projects is a GitHub repository by Vishal Rajput that curates a collection of vanilla JavaScript projects designed to teach core JavaScript concepts through hands-on building.

What is Awesome JavaScript Projects?

Awesome JavaScript Projects is a beginner-focused, open-source repository on GitHub that collects many small vanilla JavaScript projects, each aimed at teaching a specific language or web API concept such as functional components, class components, Math objects, arrow functions, and working with APIs. The repository takes learners through a list of project ideas with linked video tutorials, and it accepts new projects via pull requests. It is maintained by Vishal Rajput and is part of several open-source programs including CrossWoc, GSSOC, and LetsGrowMore.

Key Features

• Curated vanilla JS project list — The README presents a growing set of projects built entirely with plain JavaScript, avoiding frameworks so that each project isolates a single teaching concept.
• Step-by-step contribution guide — Detailed instructions cover forking, cloning, creating a branch, committing, pushing, and opening a pull request, making the repository approachable for first-time open-source contributors.
• Linked video tutorials — Embedded YouTube tutorials walk through JavaScript basics, DOM manipulation, building a Google Keep clone, coding a Whack-A-Mole game, and mastering Promises, Fetch API, and async/await.
• Foundational tech stack — The projects use HTML5, CSS3, and JavaScript, with Bootstrap listed as a related topic for styling.
• Open-source program participation — The project is officially part of CrossWoc, GirlScript Summer of Code (GSSOC), and LetsGrowMore's open-source program, giving students recognized contribution opportunities.
• Frontend mentorship offer — The maintainer links to a free frontend developer mentorship program and a Frontend Development Essential Course playlist on YouTube.
• Contributor recognition — A dynamic contributors image on the README displays every contributor's avatar as they submit accepted pull requests.

Who is it for?

• Beginner web developers — New learners can pick a project from the list, watch the linked tutorial, and build it to understand how a specific JavaScript concept works in practice.
• Open-source newcomers — Anyone wanting to make their first pull request can follow the repository's explicit git workflow and contribute an original vanilla JavaScript project.
• Frontend career switchers — Learners aiming at frontend jobs can combine the free mentorship program, the foundational crash courses (HTML, CSS, Flexbox, Grid, Git/GitHub), and the project-based practice to build a portfolio.

What can you do with Awesome JavaScript Projects?

• Learn DOM manipulation: Follow the dedicated DOM tutorial and then apply it by building your own interactive projects like a Google Keep clone.
• Build games with JavaScript: Code a Whack-A-Mole game step by step from the provided video, then customize the logic and styling.
• Master asynchronous JavaScript: Study Promises, the Fetch API, and async/await via the linked tutorial, then practice by fetching data in your own projects.
• Contribute to a real open-source repo: Add an original vanilla JS project by following the contribution guidelines and get your name on the contributors board.