Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nasirkhan294/30-projects-for-30-days
This repository contains over 30 small-scale projects utilizing HTML, CSS, and JavaScript. Each project serves as a practical demonstration of fundamental web development techniques.
https://github.com/nasirkhan294/30-projects-for-30-days
css3 html5 javascript
Last synced: 4 days ago
JSON representation
This repository contains over 30 small-scale projects utilizing HTML, CSS, and JavaScript. Each project serves as a practical demonstration of fundamental web development techniques.
- Host: GitHub
- URL: https://github.com/nasirkhan294/30-projects-for-30-days
- Owner: Nasirkhan294
- License: mit
- Created: 2022-11-19T10:24:51.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-29T16:44:06.000Z (about 1 year ago)
- Last Synced: 2023-10-29T17:23:48.710Z (about 1 year ago)
- Topics: css3, html5, javascript
- Language: HTML
- Homepage:
- Size: 5.07 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
📖30 Projects in 30 Days - HTML/CSS and JavaScript
This repository contains over 30 small-scale projects utilizing HTML, CSS, and JavaScript. Each project serves as a practical demonstration of fundamental web development techniques.
| # | Projects | Live Demo |
| :-: | --------------------------------------------------------------------------------------- | ------------------------------------------------------------------- |
| 01 | [Expanding Cards](https://github.com/Nasirkhan294/expanding-cards) | [Live Demo](https://nasirkhan294.github.io/expanding-cards/) |
| 02 | [Progress Steps](https://github.com/Nasirkhan294/progress-steps) | [Live Demo](https://nasirkhan294.github.io/progress-steps/) |
| 03 | [Rotating navigation animation](https://github.com/Nasirkhan294/rotating-nav-animation) | [Live Demo](https://nasirkhan294.github.io/rotating-nav-animation/) |
| 04 | [Hidden Search Widgets](https://github.com/Nasirkhan294/hidden-search) | [Live Demo](https://nasirkhan294.github.io/hidden-search/) |
| 05 | [Blurry background](https://github.com/Nasirkhan294/blurry-background) | [Live Demo](https://nasirkhan294.github.io/blurry-background/) |
| 06 | [Repaint background](https://github.com/Nasirkhan294/repaint-bg) | [Live Demo](https://nasirkhan294.github.io/repaint-bg/) |
| 07 | [Scroll Animation](https://github.com/Nasirkhan294/scroll-animation) | [Live Demo](https://nasirkhan294.github.io/scroll-animation/) |
| 08 | [Blackjack Game](https://github.com/Nasirkhan294/blackjack-game) | [Live Demo](https://nasirkhan294.github.io/blackjack-game/) |
| 09 | [Business Card](https://github.com/Nasirkhan294/business-card) | [Live Demo](https://nasirkhan294.github.io/business-card/) |
| 10 | [Intro Site](https://github.com/Nasirkhan294/intro-site) | [Live Demo](https://nasirkhan294.github.io/intro-site/) |
| 11 | [Jubilee Austen 1](https://github.com/Nasirkhan294/jubilee-austen-1) | [Live Demo](https://nasirkhan294.github.io/jubilee-austen-1/) |
| 12 | [Load More Button](https://github.com/Nasirkhan294/load-more-button) | [Live Demo](https://nasirkhan294.github.io/load-more-button/) |
| 13 | [My Color Palette](https://github.com/Nasirkhan294/my-color-palette) | [Live Demo](https://nasirkhan294.github.io/my-color-palette/) |
| 14 | [My Style Guide](https://github.com/Nasirkhan294/my-style-guide) | [Live Demo](https://nasirkhan294.github.io/my-style-guide/) |
| 15 | [People Counter](https://github.com/Nasirkhan294/people-counter) | [Live Demo](https://nasirkhan294.github.io/people-counter/) |
| 16 | [Product Landing Page](https://github.com/Nasirkhan294/product-landing-page) | [Live Demo](https://nasirkhan294.github.io/product-landing-page/) |
| 17 | [Chore Door Game](https://github.com/Nasirkhan294/chore-door-game) | [Live Demo](https://nasirkhan294.github.io/chore-door-game/) |
| 18 | [Recipe Cards](https://github.com/Nasirkhan294/recipe-cards) | [Live Demo](https://nasirkhan294.github.io/recipe-cards/) |
| 19 | [Rogue Pickings](https://github.com/Nasirkhan294/rogue-pickings) | [Live Demo](https://nasirkhan294.github.io/rogue-pickings/) |
| 20 | [Unplugged](https://github.com/Nasirkhan294/unplugged) | [Live Demo](https://nasirkhan294.github.io/unplugged/) |
| 21 | [Vision Board](https://github.com/Nasirkhan294/vision-board) | [Live Demo](https://nasirkhan294.github.io/vision-board/) |
| 22 | [Random Color Generator](https://github.com/Nasirkhan294/random-color-generator) | [Live Demo](https://nasirkhan294.github.io/random-color-generator/) |
| 23 | [Stealth Quincy](https://github.com/Nasirkhan294/stealth-quincy) | [Live Demo](https://nasirkhan294.github.io/stealth-quincy/) |
| 24 | [Show Modal](https://github.com/Nasirkhan294/show-modal) | [Live Demo](https://nasirkhan294.github.io/show-modal/) |
| 25 | [Piano Player](https://github.com/Nasirkhan294/piano-player) | [Live Demo](https://nasirkhan294.github.io/piano-player/) |
| 26 | [Budget Calculator](https://github.com/Nasirkhan294/budget-calculator) | [Live Demo](https://nasirkhan294.github.io/budget-calculator/) |
| 27 | [Number Guessing Game](https://github.com/Nasirkhan294/number-guessing-game) | [Live Demo](https://nasirkhan294.github.io/number-guessing-game/) |
| 28 | [Planet table](https://github.com/Nasirkhan294/planet-table) | [Live Demo](https://nasirkhan294.github.io/planet-table/) |
| 29 | [Newsletter signup form](https://github.com/Nasirkhan294/newsletter-signup-form) | [Live Demo](https://nasirkhan294.github.io/newsletter-signup-form/) |
| 30 | [Feedback form](https://github.com/Nasirkhan294/feedback_form) | [Live Demo](https://nasirkhan294.github.io/feedback_form/) |
👤 **Nasirkhan294**
- GitHub: [Nasirkhan294](https://github.com/Nasirkhan294)
- Twitter: [NasirMa35888225](https://twitter.com/NasirMa35888225)
- LinkedIn: [nasirmahd](https://www.linkedin.com/in/nasirmahd/)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you find this repository helpful, please show your support by giving this repository some love. Your small gesture of appreciation will go a long way in encouraging me to keep bringing you more incredible content like this.
Get ready to supercharge your coding journey! I've put my own spin on some amazing projects from [Brad Traversy Media](https://bradtraversy/50projects50days) that have helped me immensely. And I know they'll do the same for you, as long as you stay dedicated. Trust me, these projects are game-changers.
- **Can I fork and reuse this repository?**
Absolutely! Please feel free to fork and reuse this repository for your own projects.
- **Is it okay to improve this repository? Will my changes be accepted?**
Definitely! We welcome any improvements or new ideas you may have. If your changes are good and align with the project's goals, we would be happy to accept them.
This project is [MIT](./LICENSE) licensed.