Skip to content

iscasur/js-vanilla-projects

Repository files navigation

40 JavaScript projects for beginners

The best way to learn a new programming languages is to build projects.

This list includes projects in vanilla JavaScript, React and TypeScript.

40 JavaScript projects for beginners

Url: https://www.freecodecamp.org/news/javascript-projects-for-beginners

Vanilla JavaScript Projects

  1. Creating a color Flipper
  2. Creating a couter
  3. Creating a review carousel
  4. Creating a responsive navbar
  5. Creating a sidebar
  6. Creating a modal
  7. Creating a FAQ page
  8. Creating a restauran menu page
  9. Creating a video background
  10. Creating a navigation bar on scroll
  11. Creating a tab that displays different content
  12. Creating a countdown clock
  13. Creating your own Lorem ipsum
  14. Creating a grocery list
  15. Creating an image slider
  16. Creating a Rock, Paper, Scissors game
  17. Creating a Simon game
  18. Creating a Platformer game
  19. Creating a Doodle Jump
  20. Creating a Flappy Bird
  21. Creating a Memory game
  22. Creating a Whack-a-mole game
  23. Creating a Connect Four game
  24. Creating a Snake game
  25. Creating a Space Invaders game
  26. Creating a Frogger game
  27. Creating a Tetris game

React Projects

  1. Creating a Tic-Tac-Toe game (using react Hooks)
  2. Creating a Tetris game (using react Hooks)
  3. Creating a Birtday Reming App
  4. Creating a tour page
  5. Creating an accordion menu
  6. Creating tabs for a portfolio page
  7. Creating a review slider
  8. Creating a color generator
  9. Creating a Stripe payment menu page
  10. Creating a shopping cart page
  11. Creating a cocktail search page

TypeScript Projects

  1. Creating a Quiz App (with React and TypeScript)
  2. Creating an Arkanoid game