50 Projects in 50 Days - HTML, CSS, and JavaScript
-
Updated
Jan 31, 2024 - CSS
50 Projects in 50 Days - HTML, CSS, and JavaScript
It was implemented by following a tutorial, and used for learning purposes.
50 Javascript Projects
#1 codepen challenge: list style, in this project we are making a simple to-do list using a list and then styling them.
Collection of projects inspired from 50projects/50days by Brad Traversy and Florin Pop.
I committed to #100DaysOfCode to grow and challenge myself as a developer. Starting with #50Projects50Days. Follow my journey @McCartyJDM
This project shows split-screen background images, each with overlays. When hovering the mouse on one side of the split screen, it expands to 75% while the other side reduces to 25%.
A little project for picking random choices, built using HTML5, CSS3 and Javascript without the use of frameworks or libraries.
Day-11 Event Key Codes. Created with CodeSandbox
A simple and responsive water tracker app built with HTML5, CSS3 and Javascript without the use of libraries and frameworks.
Repository Contains Source code for all 50 projects built using html, css and javascript.
This project involved building a simple login form with a wave effect on the labels using CSS transitions, transition delay, and JavaScript.
Strengthening the basics & building lots of reusable components. Vanilla JS, CSS & HTML.
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.
Day-48 Random Image Feed. Created with CodeSandbox
Split landing Page inspired by Brad Traversy
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.
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
Drink Water project inspired by Brad Traversy.
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
Add a description, image, and links to the 50projects50days topic page so that developers can more easily learn about it.
To associate your repository with the 50projects50days topic, visit your repo's landing page and select "manage topics."