Master Web Development

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

📚 Table of Contents

• ⚡️ Introduction
• 💯 Open Source Programs
• 🎯 All Projects
• 🚀 Getting Started
• 🛠️ Git Instructions
• ❤️ Contributors
• 📜 Code of Conduct

⚡️ 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

🎯 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- Chatbot
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

🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Close PRs	🛠️ Languages	🌐 Contributors

Getting Started

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

• Getting started with Git and GitHub
• Forking a Repo
• Cloning a Repo
• How to create a Pull Request

This project is now OFFICIALLY accepted for

• 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)

Contributors 🙋🏽

Thank you for contributing 💗

We truly appreciate your time and effort to help improve our project. Happy coding! 🚀

Troubleshooting

If you encounter any issues while setting up or using the project, please refer to the following troubleshooting steps:

1. Dependency Conflicts:

   • Ensure that all required dependencies are installed with compatible versions. Run npm install or yarn install to reinstall dependencies.
   • Check for peer dependency warnings, and if needed, update your dependencies using npm update or yarn upgrade.

2. Setup Issues:

   • Double-check that you have followed the setup instructions correctly. Missing environment variables or misconfigurations are common issues.
   • Ensure that you are using the correct Node.js version (check .nvmrc or package.json for version details). If you're not, you can switch versions using nvm use.

3. Platform-Specific Errors:

   • On Windows, make sure you have proper permissions to execute scripts. You might need to run the terminal or IDE as an administrator.
   • On Linux/macOS, ensure that all necessary permissions are set for running scripts with chmod +x.
   • If you're facing file path issues, ensure your terminal or IDE is running in the correct directory by checking with pwd (Linux/macOS) or cd (Windows).

4. Common Errors:

   • "Module not found": Run npm install or yarn install to make sure all required modules are installed.
   • "Permission denied": On Linux/macOS, you might need to use sudo for certain commands.
   • "EADDRINUSE": If you see this error, a port is already in use. Use lsof -i :PORT_NUMBER to check and kill the process.

5. Debugging & Logging:

   • For more detailed error logs, run the application with the DEBUG environment variable set to * (e.g., DEBUG=* npm start).
   • If using Node.js, add --inspect to enable the built-in debugger (e.g., node --inspect index.js).

Contact for Support

If the above steps do not resolve your issue, feel free to open a GitHub issue:

• GitHub Issues: Submit an issue here

We’re happy to assist with any project-related queries!

❤️ 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!

Connect with Us 🤝

Thank you for exploring this project! We’d love to connect and hear from you. Reach out through any of the platforms below: