50projects50days
There are 7 repositories under 50projects50days topic.
benxene / 7days-50projects
This is a derivative of the 50 Projects 50 Days challenge.
Language:TypeScript 28batuhan-kaya / 50_Projects_in_50_Days
It was implemented by following a tutorial, and used for learning purposes.
Language:CSS 17deepakydv9315 / 50-Projects-In-50-Days-
50 Days 50 Projects, Using Html, Css, and JavaScript.
Language:HTML 16nietoperq / 50-projects-in-50-days
50 Projects in 50 Days - HTML, CSS, and JavaScript
Language:CSS 15mo-renike / 50Javascript-projects
50 Javascript Projects
Language:CSS 14mirayatech / 50-Projects
50 different projects build with HTML, CSS and JavaScript 🗿
Language:CSS 7ShivangKakkar / mini-projects
50 Project using HTML, CSS and JavaScript
Language:HTML 4marisabrantley / rotating-navigation
This project involves having the entire website rotate when the hamburger icon is clicked and bringing in the navigation on the bottom left. The page shown was recreated from my Etsy Shop, Sadie Bloom Designs.
Language:HTML 3#1 codepen challenge: list style, in this project we are making a simple to-do list using a list and then styling them.
Language:CSS 2GabrielCrackPro / 50projects50days_v2
This is a try to complete 50 web projects in 50 days
This expanding cards project features five different images of beaches in my area. When clicked, an image card expands while the other cards remain inactive. This is part of Brad Traversy's Udemy Course "50 Projects in 50 Days."
Language:HTML 2This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript.
Language:HTML 2- front-end-projects
rosgas / front-end-projects
Collection of projects inspired from 50projects/50days by Brad Traversy and Florin Pop.
Language:CSS 2 tranthaituananh / 50projects50days
50 mini web projects using HTML, CSS & JS
Language:HTML 2jack-yong / FrontEnd-practice
这个仓库主要用来存放前端学习的一些小demo，主要是锻炼自己的css，以及js的基本功，本项目使用的是cra脚手架并且基于ts语言编写。
Language:TypeScript 1This project involved building a simple login form with a wave effect on the labels using CSS transitions, transition delay, and JavaScript.
Language:CSS 1This 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%.
Language:CSS 1McCartyJDM / 50projects50days
I committed to #100DaysOfCode to grow and challenge myself as a developer. Starting with #50Projects50Days. Follow my journey @McCartyJDM
Language:CSS 1Mohammad-Asif-Web / 30-vanilla-js-project
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.
Language:HTML 1nerdfswd / Day-11-Event-Key-Codes
Day-11 Event Key Codes. Created with CodeSandbox
Language:CSS 1Day-36 HoverBoard. Created with CodeSandbox
niharika1102 / Sound-Board
This sound board has been created using HTML, CSS and JS. It plays different types of sounds when a specific button is clicked. I have uploaded the different sounds used in this project.
Language:HTML 1- random-choice-picker
A little project for picking random choices, built using HTML5, CSS3 and Javascript without the use of frameworks or libraries.
Language:CSS 1 - water-tracker
A simple and responsive water tracker app built with HTML5, CSS3 and Javascript without the use of libraries and frameworks.
Language:CSS 1 shaikrasheed99 / blurry-loading-animation
Blurry Loading Animation.
Language:JavaScript 1vipul-vaishnav / 50-Projects
Repository Contains Source code for all 50 projects built using html, css and javascript.
Language:CSS 1ayakhattab77 / Front-End-Tasks
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
Language:CSS 0Mobin-Karam / 50projects
The 50 Projects in 50 Days Challenge
Language:CSS 0Mohand2 / 50DaysJsProjects
50DaysJsProjects
Language:HTML 0codebygrace / 50projects
50 small projects from the 50 Projects in 50 Days - HTML, CSS, & JavaScript Udemy course
Language:CSSExpanding Cards Animation.
Language:HTMLHidden Search Widget.
Language:CSSProgress Steps Animation.
Language:CSSRotating Navigation.
Language:HTMLScroll Animation using JQuery.
Language:HTMLXsKino / web-lab
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 ✨
Language:TypeScript