It was implemented by following a tutorial, and used for learning purposes.
-
Updated
May 11, 2024 - CSS
It was implemented by following a tutorial, and used for learning purposes.
A portfolio for my mini projects. Sharpen my HTML, CSS & Javascript skills through 50 mini projects in 50 days. ✨
50 Projects in 50 Days - HTML, CSS, and JavaScript
50+ mini web projects using HTML, CSS & JS
This animated navigator has been created using HTML, CSS and JavaScript. It can be used in webpages as a navigation bar and the user can modify it according to their requirements.
This project has been made using HTML, CSS and JS. This project is different from the other projects because it invloves a third party API.
Hidden Search Widget project inspired by Brad Traversy.
This Hidden Search Widget has been made using HTML, CSS and JS. When the search icon is clicked, the search bar expands and when it is clicked again, the search bar collapses.
This login page has been created using HTML, CSS and JS and the main function of JS in this page is executing the Wave Animation Effect. This effect can be used according to the users' requirement.
I have created progress steps or progress bar, whatever you wish to call it. It can be used in major projects in shopping carts, payment gateways or in filling up forms.
These are my own implementations for the 50 Projects in 50 Days course, link for original course code and live demo: https://github.com/bradtraversy/50projects50days
This blurry loading feature has been created using HTML, CSS and JS. I have used it with a background image but it can be used with any image
I have created a Split Landing Page using HTML, CSS and JavaScript. The content can be changed as per the user requirement. When one part of the screen is hovered on, it expands.
Generate a dad joke on click of a button, the jokes are retrieved from an open-source API. Coded using HTML, CSS, and Javascript
This project has been made using HTML, CSS and JS. It displays the key code of the key pressed on the keyboard.
Add a description, image, and links to the 50days50projects topic page so that developers can more easily learn about it.
To associate your repository with the 50days50projects topic, visit your repo's landing page and select "manage topics."