Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imbios/simple-web-project-collection
Collection of website applications project that is simple and beginner-friendly to start your journey on Web Development Learning Path.
https://github.com/imbios/simple-web-project-collection
css css3 hacktoberfest html javascript website
Last synced: about 23 hours ago
JSON representation
Collection of website applications project that is simple and beginner-friendly to start your journey on Web Development Learning Path.
- Host: GitHub
- URL: https://github.com/imbios/simple-web-project-collection
- Owner: ImBIOS
- Created: 2021-09-12T06:26:39.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-29T10:48:38.000Z (over 1 year ago)
- Last Synced: 2024-05-01T17:29:07.660Z (7 months ago)
- Topics: css, css3, hacktoberfest, html, javascript, website
- Language: JavaScript
- Homepage:
- Size: 72.1 MB
- Stars: 38
- Watchers: 4
- Forks: 70
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
## “Talk is cheap. Show me the code.” ~ Linus Torvalds:thought_balloon:
# 🌐 Web Development Project Collection
🎯 The repository contains projects based on web development i.e easy to advance level projects so as to get started with web development and make your journey smooth in the field of web development.
🎯 This repository is open to all the members of the GitHub community. Feel free to contribute to this repository.
🎯 Do not forget to ⭐the repository.
## 🏷️ To get started
1. First, fork the repository.
2. Clone the forked repository to your local machine.
```markdown
git clone https://github.com/your-username/simple-web-project-collection.git
```
3. Add upstream URL
4. Create a new branch
```markdown
git checkout -b branch_name
```
5. Make your contribution
6. Commit and push the changes
```markdown
git add .
git commit -m 'Relevant message'
git push origin branch_name
```
7. Create a new pull request from your forked repository (Click the `New Pull Request` button located at the top of your repo)
8. Wait for your PR review and approval from the maintainers.
# 
Table of Contents
- [Project 1: Progressive Steps](1.%20Steps_Progressive)
- [Project 2: Feedback System](2.%20Feedback%20System)
- [Project 3: Game of ASCII](3.%20Game%20of%20ASCII)
- [Project 4: CSS Loader](4.%20CSS%20Loader)
- [Project 5: Form Animation](5.%20Form%20Animation)
- [Project 6: Drag N Drop](6.%20Drag%20N%20Drop)
- [Project 7: Blurry Loading](7.%20Blurry%20Loading)
- [Project 8: Auto Typist Effect](8.%20Auto%20Typist%20Effect)
- [Project 9: Ripple Buttons](9.%20Ripple%20Buttons)
- [Project 10: Glow Board](10.%20Glow%20Board)
- [Project 13: Side Drawer](13.%20Side%20drawer)
- [Project 14: SimonGame](https://github.com/ImBIOS/simple-web-project-collection/tree/main/14.SimonGame)
- [Project 15: Simple-html-boilerplate](https://github.com/ImBIOS/simple-web-project-collection/tree/main/15.%20Simple-html-boilerplate)
- [Project 16: Magic square calculator](https://github.com/ImBIOS/simple-web-project-collection/tree/main/16.%20Magic%20square%20calculator)
- [Project 17: Datepicker](https://github.com/ImBIOS/simple-web-project-collection/tree/main/17.Datepicker)
- [Project 18: Animate(Panda) CSS code](https://github.com/ImBIOS/simple-web-project-collection/tree/main/Animate(Panda)%20CSS%20code)
- [Project 19: Bootstrap - UI](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/19.Bootstrap%20-%20UI)
- [Project 20: Countdown-Timer](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/20.Countdown-Timer)
- [Project 21: Cupang Company](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/21.Cupang%20Company)
- [Project 22: Dicee Challenge](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/22.Dicee%20Challenge)
- [Project 23: Example-Login](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/23.Example-Login)
- [Project 24: Example-Login-Web](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/24.Example-Login-Web)
- [Project 25: css](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/25.css)
- [Project 26: for E-commerce web](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/26.for%20E-commerce%20web)
- [Project 27: HexcolorGenerator](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/27.HexcolorGenerator)
- [Project 28: Html Basic for Web](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/28.Html%20Basic%20for%20Web)
- [Project 29: light and dark toggle button](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/29.light%20and%20dark%20toggle%20button)
- [Project 30: Musical_Band_Kit](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/30.Musical_Band_Kit)
- [Project 31: MxN Advance Puzzle](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/31.MxN%20Advance%20Puzzle)
- [Project 32: netflix-clone](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/32.netflix-clone)
- [Project 33: Notes_APP_NodeJS](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/33.Notes_APP_NodeJS)
- [Project 34: Number_Game_JS](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/34.Number_Game_JS)
- [Project 35: personal-portfolio-tailwind](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/35.personal-portfolio-tailwind)
- [Project 36: Ping-pong](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/36.Ping-pong)
- [Project 37: Profile Image App](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/37.Profile%20Image%20App)
- [Project 38: gallery](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/38.gallery)
- [Project 39: simple-html-css-web](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/39.simple-html-css-web)
- [Project 40: Spicy Heat](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/40.Spicy%20Heat)
- [Project 41: Starbucks-clone](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/41.Starbucks-clone)
- [Project 42: Switch UI](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/42.Switch%20UI)
- [Project 43: Synth](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/43.Synth)
- [Project 44: weather app](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/44.weather%20app)
- [Project 45: Website Construction](https://github.com/pratyaksh1610/simple-web-project-collection/tree/main/45.Website%20Construction)
## 😄 Shoutout to all the contributors ❤️
Made with ❤️ by all contributors