Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/fahimfba/mini-projects-in-html-css-and-javascript

contains some mini web projects which were made by using pure HTML, CSS & JavaScript - Learnt from Brad Traversy
https://github.com/fahimfba/mini-projects-in-html-css-and-javascript

css css3 html html-css html5 javascript js projects website website-design website-development website-template websites websites-programming youtube

Last synced: 18 days ago
JSON representation

contains some mini web projects which were made by using pure HTML, CSS & JavaScript - Learnt from Brad Traversy

Host: GitHub
URL: https://github.com/fahimfba/mini-projects-in-html-css-and-javascript
Owner: FahimFBA
Created: 2021-02-03T18:49:35.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2022-06-08T18:03:34.000Z (over 2 years ago)
Last Synced: 2023-03-06T14:57:38.060Z (almost 2 years ago)
Topics: css, css3, html, html-css, html5, javascript, js, projects, website, website-design, website-development, website-template, websites, websites-programming, youtube
Language: HTML
Homepage: https://fahimfba.github.io/Mini-Projects-in-HTML-CSS-and-Javascript/
Size: 36.5 MB
Stars: 13
Watchers: 1
Forks: 3
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Mini Projects in HTML, CSS and Javascript




[![Tweet a thanks](https://img.shields.io/twitter/url?label=Tweet%20this%21&style=social&url=https%3A%2F%2Ftwitter.com%2FFahim_FBA)](https://twitter.com/intent/tweet?text=Wow!&url=https://github.com/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript)

[![Follow on Twitter](https://img.shields.io/twitter/follow/Fahim_FBA?style=social)](https://twitter.com/Fahim_FBA)

![Language](https://img.shields.io/github/languages/count/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?style=for-the-badge)

![Top Language](https://img.shields.io/github/languages/top/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?style=for-the-badge)

![Code Size](https://img.shields.io/github/languages/code-size/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=red&style=for-the-badge)

![GitHub Repo Size](https://img.shields.io/github/repo-size/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=bright&style=for-the-badge)

![Lines of Code](https://img.shields.io/tokei/lines/github/FahimFBA/Mini-Projects-in-HTML-CSS-and-Javascript?color=blue&style=for-the-badge)

### Used Software:

> VS Code / VS Code insider

### Used Extensions (on VS Code)

- Emmet

- Live Server

- Auto Rename Tag

- Bracket Pair Colorizer

- Prettier - Code Formatter

- Save Typing




## PROJECTS

| ID  | Name                   | Live Website                                                            | Live Demo                                                                                                    |

| --- | ---------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |

| 01  | Expandable Cards       | [Website](https://distracted-kepler-d186df.netlify.app)                 | [YouTube Video](https://www.youtube.com/watch?v=OxRJniILojA&list=PLutHME8vSEnEoS_-5Cl8RMsH0aWnWbsci&index=2) |

| 02  | Progress Step Bars     | [Website](https://infallible-brattain-6d5102.netlify.app/)              | [YouTube Video](https://youtu.be/Jew-ydjswKs)                                                                |

| 03  | Rotating Navigation    | [Website](https://jolly-wilson-e155a4.netlify.app/)                     | [YouTube Video](https://youtu.be/_ScFokpHE44)                                                                |

| 04  | Hidden Search Widget   | [Website](https://loving-curie-166a7d.netlify.app/)                     | [YouTube Video](https://youtu.be/NyHPxXOIL2k)                                                                |

| 05  | Blurry Loading Page    | [Website](https://practical-kowalevski-a028aa.netlify.app/)             | [YouTube Video](https://youtu.be/9TJTF8u-OQE)                                                                |

| 06  | Scrolling Animation    | [Website](https://objective-bohr-df6ca0.netlify.app/)                   | [YouTube Video](https://youtu.be/sP4H-XwFgqc)                                                                |

| 07  | Split The Landing Page | [Website](https://gifted-cray-f612ff.netlify.app/)                      | [YouTube Video](https://youtu.be/csEWvMJTmd8)                                                                |

| 08  | Animated Waving Form   | [Website](https://priceless-leavitt-184bff.netlify.app/)                | [YouTube Video](https://youtu.be/vkaYFedMRH0)                                                                |

| 09  | Sound Mini-Boards      | [Website](https://mini-projects-in-html-css-and-javascript.vercel.app/) | [YouTube Video](https://youtu.be/vRVdNjTedoI)                                                                |

| 10  | Dad Jokes              | [Website](https://hungry-agnesi-c7f8a3.netlify.app/)                    | [YouTube Video](https://youtu.be/5jxewf8Udzo)                                                                |

| 11  | Event Key              | [Website](https://gracious-roentgen-4bc525.netlify.app)                 | [YouTube Video](https://youtu.be/PYeEnIIsg2c)                                                                |

| 12  | FAQ Collapse           | [Website](https://superlative-kataifi-d457bf.netlify.app/)              | [YouTube Video]()                                                                                            |

|13 | Random Choice Picker | [Website](https://creative-banoffee-a17b22.netlify.app/) | [YouTube Video]() |