A collection of 51 beginner-friendly web development projects built using HTML, CSS, and JavaScript.
Whether you're a beginner looking to improve your frontend development skills or an open-source contributor seeking projects to work on, this repository has something for everyone.
β Star this repository if you find it useful!
This repository contains a curated collection of web development projects ranging from beginner to intermediate level.
The goal of this repository is to:
- Help beginners practice web development
- Encourage open-source contributions
- Build real-world frontend projects
- Improve problem-solving and development skills
- Provide hands-on learning experience
- HTML5
- CSS3
- JavaScript
- Git
- GitHub
| No. | Project |
|---|---|
| 01 | Rock Paper Scissors |
| 02 | Tic Tac Toe |
| 03 | CodeForces Clone |
| 04 | Job Application Form |
| 05 | Pokemon Card Game |
| 06 | Shapes Game |
| 07 | Tribute Website |
| 08 | Amazon Clone |
| 09 | Digital Clock |
| 10 | E-Commerce Shopping App |
| ... | And 41 More Projects |
Click the Fork button at the top-right corner of this repository.
git clone https://github.com/jaikaran109/51_Web_Projects.gitcd 51_Web_ProjectsChoose any project folder and open the index.html file in your browser.
51_Web_Projects
β
βββ .github
β βββ ISSUE_TEMPLATE
β βββ workflows
β βββ pull_request_template.md
β
βββ 01-Rock-Paper-Scissors
βββ 02-Tic-Tac-Toe
βββ 03-CodeForces-Clone
βββ 04-Job-Application
βββ 05-Pokemon-Card-Game
βββ ...
β
βββ CONTRIBUTING.md
βββ CODE_OF_CONDUCT.md
βββ LICENSE
βββ README.md
Contributions are welcome and appreciated.
-
Fork the repository
-
Clone your fork
git clone https://github.com/your-github-username/51_Web_Projects.git- Create a new branch
git checkout -b feature-name-
Make your changes
-
Commit your changes
git commit -m "Add meaningful commit message"- Push your branch
git push origin feature-name- Open a Pull Request
Please read CONTRIBUTING.md before contributing.
- Improve UI/UX
- Add Dark Mode
- Improve Responsiveness
- Fix Bugs
- Improve Accessibility
- Optimize Performance
- Improve Documentation
- Add New Features
This repository is suitable for:
- Hacktoberfest
- GirlScript Summer of Code (GSSoC)
- Social Summer of Code (SSoC)
- Beginner Open Source Contributions
Please follow the guidelines mentioned in CODE_OF_CONDUCT.md.
If you find this repository useful:
- β Star this repository
- π΄ Fork this repository
- π Report issues
- π Contribute improvements
GitHub: https://github.com/jaikaran109
Repository: https://github.com/jaikaran109/51_Web_Projects
This project is licensed under the MIT License.