Skip to content

JagritiChopra/master-web-development

 
 

Repository files navigation

30 Days 30 Projects

Master Web Development

Learn by building simple projects, using HTML, CSS, JS.

⚡️ Introduction

This repository contains frontend projects that will help you to become an ace Frontend Developer.

The goal is to be well versed with HTML, CSS, JavaScript and Browser APIs such as localStorage, IndexDB, etc.

💯open source programs this repo has been part of

Hfest-Logo-2-Color-Void@2x

🎯 All Projects

The list of projects are given below -
01- 15 Puzzle
02- 2048
03- 3D Music Visualizer
04- 8 Puzzle
05- Alphabet Keyboard
06- Among Us
07- Astronomy Picture of the Day
08- Bill Splitter
09- BMI Calculator
10- BookVerse-A Book Website
11- Box Connect Game
12- Brick Breaker
13- Bubble Hit Game
14- Calculator
15- Candy Game
16- Chatbaot
17- Christmas Bauble
18- Coin Toss Game
19- Color Guessing Game
20- Connect-4-Dot
21- Connect4(Two player)
22- Counter
23- Currency Converter
24- Cut The Rope
25- Dice Game
26- Dictionary
27- Doodle Jump
28- Drawing App
29- Drum Kit
30- Email Validator
31- Eye that follow
32- Flappy Bird
33- Flashcard Quiz App
34- Generate Gradient
35- GeoQuest
36- Gorilla Game
37- Guess my Number
38- Guess the Shape
39- Hangman Game
40- Image Generator
41- Joke Generator
42- Last War
43- Leetcode Question Generator
44- LightHouse
45- Linktree Clone
46- Love Calculator
47- Magic 8 Ball
48- Magic Square
49- Maze Game
50- Maze Game with AI
51- Memory Match Game
52- Memory Tiles
53- Minesweeper
54- New Year Countdown
55- Notes Taking
56- Othello Game
57- Password Generator
58- Password Strength
59- Password manager
60- Pokedex
61- Piano
62- Random Recipe Generator
63- Random User Generator
64- Rating System
65- Recipe Nutrition
66- Recipe Book
67- Rock Paper Scissors
68- Rolling Triumph
69- Shooter Game
70- Simple Drawing App
71- Slide Puzzle
72- Snake Game
73- Space Collision Game
74- Space Huggers
75- Sudoku
76- Sudoku Game
77- Super Mario
78- Text to Speech
79- Tic Tac Toe
80- Train Track Game
81- TRIVIA
82- URL Shortner
83- Virtual Keyboard
84- Virtual Pet Game
85- Weather
86- Whack a Mole
87- Word Scramble
88- Wordle Game
89- Zombie Attack Game
90- Zero Line Game

Getting Started

Refer to the following articles on the basics of Git and Github in case you are stuck:

Contribution

  • Take a look at the Existing Issues or create your own Issues!
  • Wait for the Issue to be assigned to you after which you can start working on it.
  • Fork this repository. Click on the symbol at the top right corner.
  • Clone the forked repository.
git clone https://github.com/<your-github-username>/master-web-development
  • Navigate to the project directory.
cd master-web-development

  • Create new branch for your feature.

  • Make all changes of source code in new branch.

  • Stage your changes and commit
#Add changes to Index
git add .

#Commit to the local repo
git commit -m "<your_commit_message>"
  • Push your local commits to the remote repo.
git push
  • Create a PR which will be promptly reviewed and suggestions would be added to improve it.
  • Add Screenshots to help us know what this Script is all about.
  • Congratulations! 🎉 Sit and relax, you've made your contribution to master-web-development project.
  • Tip : Complete this process in GitHub ](in your browser)
flowchart LR
    Fork[Fork the project-->branch[Create a New Branch
    branch-->Edit[Edit file
    Edit-->commit[Commit the changes
    commit -->|Finally|creatpr](](Create a Pull Request))
    
Loading

Contributors

Big thanks to all the contributors! 🎉


❤️ Code of Conduct

Please note that Open Source Design has a Contributor Code of Conduct. By participating in this project online or at events you agree to abide by its terms.



Give a star ⭐️ if this project helped you!

About

Learn to code by building projects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 41.5%
  • CSS 39.9%
  • HTML 14.5%
  • SCSS 3.8%
  • Python 0.3%
  • Batchfile 0.0%