Web-dev-mini-projects

The repository contains the list of awesome✨ & cool web development beginner-friendly✌️ projects!

<h1 align="center">Web-dev-mini-projects</h1> <div align="center"> <a href="https://github.com/topics/html"><img alt="HTML" src="https://img.shields.io/badge/HTML%20-%23E34F26.svg?&style=for-the-badge"/></a> <a href="https://github.com/topics/css"><img alt="CSS" src="https://img.shields.io/badge/CSS%20-%23E34F26.svg?&style=for-the-badge"/></a> <p>What will I do </p> <a href="https://github.com/topics/javascript"><img alt="javascript" src="https://img.shields.io/badge/Javascript%20-%23E34F26.svg?&style=for-the-badge&logo=javascript&logoColor=white"/></a> <br> <br> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects"><img src="https://badges.frapsoft.com/os/v1/open-source.svg?v=103"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects"><img src="https://img.shields.io/badge/Built%20by-developers%20%3C%2F%3E-0059b3"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects"><img src="https://img.shields.io/static/v1.svg?label=Contributions&message=Welcome&color=yellow"></a> <a href="https://github.com/Ayushparikh-code"><img src="https://img.shields.io/badge/Maintained%3F-yes-brightgreen.svg?v=103"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg?v=103"></a> <br> <br> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/graphs/contributors"><img src="https://img.shields.io/github/contributors/Ayushparikh-code/Web-dev-mini-projects?color=brightgreen"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/stargazers"><img src="https://img.shields.io/github/stars/Ayushparikh-code/Web-dev-mini-projects?color=0059b3"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/network/members"><img src="https://img.shields.io/github/forks/Ayushparikh-code/Web-dev-mini-projects?color=yellow"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/issues"><img src="https://img.shields.io/github/issues/Ayushparikh-code/Web-dev-mini-projects?color=0059b3"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/issues?q=is%3Aissue+is%3Aclosed"><img src="https://img.shields.io/github/issues-closed-raw/Ayushparikh-code/Web-dev-mini-projects?color=yellow"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/pulls"><img src="https://img.shields.io/github/issues-pr/Ayushparikh-code/Web-dev-mini-projects?color=brightgreen"></a> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/pulls?q=is%3Apr+is%3Aclosed"><img src="https://img.shields.io/github/issues-pr-closed-raw/Ayushparikh-code/Web-dev-mini-projects?color=0059b3"></a> </div> <div align="center">

ADD ANY WEB DEVELOPMENT MINI PROJECT !

</div> <br>

HOW TO CONTRIBUTE ? 👷

1. Fork this repository.

2. Clone the forked repository.

git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects 

3. Navigate to the project directory.

cd Web-dev-mini-projects

4. MAKE A NEW FOLDER WITH YOUR PROJECT NAME INSIDE web-dev-mini-projects & Add your project files (eg: index.html ,style.css, script.js) inside that folder <br>

5. Also Add a README file in your project folder which consists of Description/screenshots about your project !

<br>

6. Create a new branch.

git checkout -b <your_branch_name>

7. Add & Commit your changes.

  git add .
  git commit -m "<your_commit_message>"

7. Push your local branch to the remote repository.

git push -u origin <your_branch_name>

8. Create a Pull Request!

Congratulations! Sit and relax till we review your PR, you've made your contribution to (https://github.com/Ayushparikh-code/Web-dev-mini-projects) project

<br>

Our valuable Contributors👩‍💻👨‍💻 :

<a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects/graphs/contributors"> <img src="https://contrib.rocks/image?repo=Ayushparikh-code/Web-dev-mini-projects" /> </a> <br> <br>

Project Maintainers 👷👷:

<table> <tr> <td align="center"><a href="https://github.com/Ayushparikh-code"><img src="https://avatars.githubusercontent.com/u/60268067?v=4" width=150px height=150px /></a></br> <h4 style="color:red;">Ayush Parikh</h4> <a href="https://www.linkedin.com/in/ayush-parikh332/"><img src="https://mpng.subpng.com/20180324/vhe/kisspng-linkedin-computer-icons-logo-social-networking-ser-facebook-5ab6ebfe5f5397.2333748215219374063905.jpg" width="32px" height="32px"></a></td> <td align="center" ><a href="https://github.com/chicken-biryani"><img src="https://avatars.githubusercontent.com/u/41121520?v=4" width=150px height=150px /></a></br> <h4 style="color:red;">Shloka Gupta</h4> <a href="https://www.linkedin.com/in/shloka-gupta-45b974157"><img src="https://mpng.subpng.com/20180324/vhe/kisspng-linkedin-computer-icons-logo-social-networking-ser-facebook-5ab6ebfe5f5397.2333748215219374063905.jpg" width="32px" height="32px"></a></td> <td align="center"><a href="https://github.com/harshita2216"><img src="https://avatars.githubusercontent.com/u/65803563?v=4" width=150px height=150px /></a></br> <h4 style="color:red;">S Harshita</h4> <a href="https://www.linkedin.com/in/s-harshita/"><img src="https://mpng.subpng.com/20180324/vhe/kisspng-linkedin-computer-icons-logo-social-networking-ser-facebook-5ab6ebfe5f5397.2333748215219374063905.jpg" width="32px" height="32px"></a></td> </tr> </table> <br>

📌 Opensource Programs

This project is a part of following Open Source Program

<table style="width:80%;background-color:white;border-radius:30px;"> <tr> <td> <center> <a href="https://letsgrowmore.in/projects/"><img src="https://letsgrowmore.in/wp-content/uploads/2021/05/cropped-growmore-removebg-preview.png"></img></a> </center> </td> </tr> </table> <hr> <p align="center"> <a href="https://github.com/Ayushparikh-code/Web-dev-mini-projects" title="Web-dev-mini-projects"> <img src="https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white"> </a> </p> <hr> <hr>

Happy Contribution ✨