Ecosyste.ms: Repos

An open API service providing repository metadata for many open source software ecosystems.

GitHub topics: 50projects50days

batuhan-kaya/50_Projects_in_50_Days

It was implemented by following a tutorial, and used for learning purposes.

Language: CSS - Size: 23.9 MB - Last synced: 20 days ago - Pushed: 20 days ago - Stars: 17 - Forks: 2

ShivangKakkar/mini-projects

50 Project using HTML, CSS and JavaScript

Language: HTML - Size: 448 KB - Last synced: 30 days ago - Pushed: almost 2 years ago - Stars: 4 - Forks: 4

VanhoveHugo/50-projects-50-days

50 unique mini-projects to sharpen your HTML, CSS & JavaScript skills

Language: HTML - Size: 35.2 KB - Last synced: about 1 month ago - Pushed: over 3 years ago - Stars: 0 - Forks: 0

XsKino/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 - Size: 25.9 MB - Last synced: 4 months ago - Pushed: 4 months ago - Stars: 0 - Forks: 0

Suraj-Gov/50-projects-50-days

A 50 day journey to recreate Brad and Florin's mini projects - 50projects50days.com

Language: HTML - Size: 115 KB - Last synced: about 2 months ago - Pushed: about 3 years ago - Stars: 0 - Forks: 0

rubybrobey/expanding-cards

The expanding cards project is part of Brad Traversy's Udemy course, 50projectsin50days.

Language: HTML - Size: 1.95 KB - Last synced: 2 months ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

jarvisthedev/uber_eats_clone

This project is build in collaboration with Stanley Nyoni ( https://github.com/stanley-nyoni) for putting in practise the html and css skills.

Language: HTML - Size: 985 KB - Last synced: 4 months ago - Pushed: 10 months ago - Stars: 0 - Forks: 1

nietoperq/50-projects-in-50-days

50 Projects in 50 Days - HTML, CSS, and JavaScript

Language: CSS - Size: 109 KB - Last synced: 4 months ago - Pushed: 4 months ago - Stars: 11 - Forks: 5

mirayatech/50-Projects

50 different projects build with HTML, CSS and JavaScript 🗿

Language: CSS - Size: 5.64 MB - Last synced: 5 months ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

GabrielCrackPro/50projects50days_v2

This is a try to complete 50 web projects in 50 days

Size: 3.91 KB - Last synced: about 1 month ago - Pushed: over 3 years ago - Stars: 2 - Forks: 1

mo-renike/50Javascript-projects

50 Javascript Projects

Language: CSS - Size: 15.9 MB - Last synced: 10 months ago - Pushed: over 1 year ago - Stars: 15 - Forks: 1

McCartyJDM/50projects50days

I committed to #100DaysOfCode to grow and challenge myself as a developer. Starting with #50Projects50Days. Follow my journey @McCartyJDM

Language: CSS - Size: 211 MB - Last synced: 10 months ago - Pushed: about 2 years ago - Stars: 1 - Forks: 1

vipul-vaishnav/50-Projects

Repository Contains Source code for all 50 projects built using html, css and javascript.

Language: CSS - Size: 14.8 MB - Last synced: 11 months ago - Pushed: almost 2 years ago - Stars: 1 - Forks: 0

jack-yong/FrontEnd-practice

这个仓库主要用来存放前端学习的一些小demo,主要是锻炼自己的css,以及js的基本功,本项目使用的是cra脚手架并且基于ts语言编写。

Language: TypeScript - Size: 7.78 MB - Last synced: about 1 month ago - Pushed: almost 2 years ago - Stars: 1 - Forks: 0

Oserhir/Movie-Search

A web app created using JavaScript that allows a user to search for movies and find movies with certain filters such as genre, popularity, and year.

Language: CSS - Size: 10.7 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 2 - Forks: 0

deepakydv9315/50-Projects-In-50-Days- Fork of JuliaMendes/50-Projects-In-50-Days-

50 Days 50 Projects, Using Html, Css, and JavaScript.

Language: HTML - Size: 4.52 MB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 7 - Forks: 1

ayakhattab77/50Tasksin50Days

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 - Size: 71.3 KB - Last synced: 12 months ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

benxene/7days-50projects

This is a derivative of the 50 Projects 50 Days challenge.

Language: TypeScript - Size: 4.7 MB - Last synced: over 1 year ago - Pushed: over 1 year ago - Stars: 17 - Forks: 3

Oserhir/Guess_The_Number_Game

Let's play a simple game. Pick a number between 1 and 100 , let's see if you can guess the right number .!

Language: JavaScript - Size: 22.5 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 2 - Forks: 0

niharika1102/Expanding-Cards

I have made expanding cards using HTML, CSS and JS. It is a mini-project which can be used in any major project for testimonials, FAQs or whatever you wish to use it for.

Language: HTML - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Progress-Steps

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.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Rotating-Navigator

I have created a rotating navigator using HTML, CSS and JS which can be used in various projects to show or hide the navigation bar.

Language: HTML - Size: 3.91 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Hidden-Search-Widget

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.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Blurry-Loading

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

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Scroll-Animation

This scroll animation has been made using HTML, CSS and JS. The elements move into the screen from the right and the left side of the screen alternatively.

Language: HTML - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Event-KeyCodes

This project has been made using HTML, CSS and JS. It displays the key code of the key pressed on the keyboard.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Daddy-Jokes

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.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

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 - Size: 224 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Form-Wave-Animation

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.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

niharika1102/Split-Landing-Page

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.

Language: CSS - Size: 129 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

Oserhir/Text-Editor

Simple text editor JavaScript application where we can manipulate the user input in different styles, edit the input, capitalize, etc many string operations.

Language: HTML - Size: 8.79 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

Oserhir/To-Do-List

A dynamic and aesthetic To-Do List Website built with HTML, CSS, Vanilla JavaScript.

Language: JavaScript - Size: 16.6 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

Oserhir/Random-Meal-Generator

This application generates you a random meal based on API from TheMealDB site.

Language: JavaScript - Size: 3.91 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 0 - Forks: 1

Oserhir/Random-Password-Generator

Random Password Generator is a JavaScript project that can generate strong and unique passwords automatically.

Language: JavaScript - Size: 4.88 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

Oserhir/Tip-Calculator

Tip calculator, to calculate your drink or food tip at restaurants.

Language: HTML - Size: 8.79 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

tranthaituananh/50projects50days

50 mini web projects using HTML, CSS & JS

Language: HTML - Size: 761 KB - Last synced: about 1 year ago - Pushed: over 2 years ago - Stars: 2 - Forks: 0

marisabrantley/sound-board-project

This project involved using HTML5 audio tags to create a simple sound board. Each audio element is controlled by JavaScript.

Language: HTML - Size: 13.4 MB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 1 - Forks: 0

codebygrace/50projects

50 small projects from the 50 Projects in 50 Days - HTML, CSS, & JavaScript Udemy course

Language: CSS - Size: 1.71 MB - Last synced: 12 months ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

Mohand2/50DaysJsProjects

50DaysJsProjects

Language: HTML - Size: 26.4 KB - Last synced: about 1 year ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

Mohammad-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 - Size: 13.9 MB - Last synced: 4 months ago - Pushed: 4 months ago - Stars: 1 - Forks: 0

poojaa1605/Scroll-Animation

Scroll Animation project inspired by Brad Traversy.

Language: HTML - Size: 3.91 KB - Last synced: about 1 year ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

poojaa1605/Drink-Water

Drink Water project inspired by Brad Traversy.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

poojaa1605/Todo-List

Todo List project inspired by Brad Traversy.

Language: JavaScript - Size: 1.95 KB - Last synced: about 1 year ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

poojaa1605/Split-Landing-Page

Split landing Page inspired by Brad Traversy

Language: CSS - Size: 6.28 MB - Last synced: about 1 year ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

marisabrantley/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 - Size: 512 KB - Last synced: about 1 year ago - Pushed: over 2 years ago - Stars: 3 - Forks: 0

niharika1102/Drink-Water

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.

Language: HTML - Size: 4.88 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

niharika1102/Incrementing-Counter

This incrementing counter has been made using HTML, CSS and JavaScript.

Language: HTML - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: almost 2 years ago - Stars: 0 - Forks: 0

marisabrantley/split-landing-page

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%.

Language: CSS - Size: 273 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 1 - Forks: 0

niharika1102/Animated-Navigator

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.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

deepakydv9315/cpc-list-style

#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 - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 2 - Forks: 0

niharika1102/FAQ-Collapse

This FAQ page has been develped using HTML, CSS and JS. The icons have been imported using Font Awesome.

Language: HTML - Size: 3.91 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

marisabrantley/dad-jokes-project

In the mood for a few good "Dad" jokes? This Dad Joke app involved using a third-party API to fetch and display jokes, changing with a button click. (Yes, I made the background image cheese.)

Language: CSS - Size: 199 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

marisabrantley/form-wave-animation

This project involved building a simple login form with a wave effect on the labels using CSS transitions, transition delay, and JavaScript.

Language: CSS - Size: 4.88 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 1 - Forks: 0

marisabrantley/scroll-animation-project

Sections on a page transition in from alternating sides when scrolling down. The opposite happens when scrolling up the page.

Language: HTML - Size: 730 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

marisabrantley/hidden-search-widget

This Hidden Search Widget project uses JavaScript and CSS transitions to display a search icon; when the icon is clicked, the search bar widens for typing.

Language: CSS - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: about 2 years ago - Stars: 0 - Forks: 0

marisabrantley/progress-steps

This Progress Steps Project uses HTML, CSS, and JavaScript to make numbered circles and a line going through each change color after the "next" and "prev" buttons are clicked.

Language: CSS - Size: 4.88 KB - Last synced: about 1 year ago - Pushed: over 2 years ago - Stars: 0 - Forks: 0

marisabrantley/expanding-cards

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 - Size: 17.8 MB - Last synced: about 1 year ago - Pushed: over 2 years ago - Stars: 2 - Forks: 0

yisleyen/50-projects-in-50-days

This repository includes the 50projects50days course examples.

Language: CSS - Size: 52.5 MB - Last synced: over 1 year ago - Pushed: over 2 years ago - Stars: 0 - Forks: 0

JiriKofron/50projects

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!

Language: Vue - Size: 588 KB - Last synced: about 1 year ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

almurawski15/50projects50days

50 projects in 50 days using HTML, CSS and JavaScript!

Language: HTML - Size: 2.93 KB - Last synced: about 1 year ago - Pushed: almost 3 years ago - Stars: 0 - Forks: 0

gloriousLoaf/Fifty-in-Fifty

Strengthening the basics & building lots of reusable components. Vanilla JS, CSS & HTML.

Language: CSS - Size: 641 KB - Last synced: about 1 year ago - Pushed: about 3 years ago - Stars: 0 - Forks: 0

En-Jen/50-projects-50-days

Repo of mini projects using HTML, CSS, & vanilla JS

Language: CSS - Size: 4.56 MB - Last synced: about 1 year ago - Pushed: over 3 years ago - Stars: 0 - Forks: 0

Related Keywords
50projects50days 62 javascript 45 css 35 html 35 50days50projects 18 css3 17 html5 17 html-css-javascript 16 javascript-es6 15 html-css 15 js 14 frontend 14 css-in-js 14 front-end-development 12 website 11 web-development 11 100daysofcode 8 front-end 6 dom-manipulation 6 100-days-of-code 6 webdevelopment 5 bradtraversy 5 css-transitions 5 webdev 4 frontend-web 4 vanilla-javascript 3 api 3 web 3 project 3 javascript-projects 3 javascript-applications 2 projects 2 challenge 2 50projects 2 simple-app 2 web-dev 2 dom 2 javascriptprojects 2 javascriptproject 2 challenge-project 2 randompassword 1 randompasswordgenerator 1 calculator-app 1 calculator-javascript 1 vuejs 1 calculatorapp 1 javascript-practice 1 javascript-problem-solving 1 javascript-project 1 vue 1 json 1 movie-app 1 mealapp 1 mealdb-api 1 meals 1 meals-recipes 1 random-meal-generator 1 random-meals 1 recipe-app 1 recipes 1 simple-api 1 generator-password 1 generator-passwords 1 password-generator 1 passwordgenerator 1 passwordgenerator-script 1 random-password 1 random-password-generator 1 random-password-generator-for-linux 1 random-passwords 1 etsy 1 transform 1 transition 1 drink-water 1 counter 1 css-javascript 1 promises 1 animated-nav 1 animated-navigation 1 reactjs 1 faq-collapse-js 1 font-awesome 1 frontend-webdevelopment 1 icons 1 async-await 1 fetch-api 1 headers 1 flexbox 1 event-listeners 1 tip-calculator 1 tipcalculator 1 audio-tag 1 flexbox-css 1 html5-audio 1 javascript-api 1 udemy 1 udemy-course 1 css-transform 1 css-transforms 1 50daysofjavascript 1