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.
