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.
So, I decided to take on this challenge, of making 50 web mini-projects (https://50projects50days.com/), the original challenge is intended to be taken with pure HTML, CSS and JavaScript, however, I decided to use Astro, so I could learn it along the way, using a combination of css, tailwind, react, and vanilla js ✨
This is a purely project-based repo. It is geared toward beginners, but intermediate developers can also enjoy creating new things. This repo includes more than 55 mini projects in HTML, CSS & JavaScript that relate to the DOM (Document Object Model). Here is the repo list that I have created.
The 50 Projects in 50 Days Challenge
50 Projects in 50 Days - HTML, CSS, and JavaScript
Expanding Cards Animation.
Progress Steps Animation.
Rotating Navigation.
Blurry Loading Animation.
Scroll Animation using JQuery.
Hidden Search Widget.
This water logging webpage has been developed using HTML, CSS and JavaScript. The user can easily log their water intake during a day through this project.
This is a derivative of the 50 Projects 50 Days challenge.
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
My attempt on 50 projects in 50 days. My schedule is not that strict, but I'm trying to keep the flow. Also, as I'm focusing on learning of vuejs, I decided to complete the assigments with this framework, I'm aware it is against the rules. Thanks Brad Traversy for putting this together and out for everyone!
50 Javascript Projects
Collection of projects inspired from 50projects/50days by Brad Traversy and Florin Pop.
这个仓库主要用来存放前端学习的一些小demo,主要是锻炼自己的css,以及js的基本功,本项目使用的是cra脚手架并且基于ts语言编写。
50 small projects from the 50 Projects in 50 Days - HTML, CSS, & JavaScript Udemy course
50 different projects build with HTML, CSS and JavaScript 🗿
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."