Hysen Labs
Open-source project
bradtraversy/50projects50days avatar
bradtraversy

50projects50days

GitHub describes it as 50+ mini web projects using HTML, CSS & JS. The repository metadata lists CSS as its primary language. The metadata lists the MIT license. This article stays within the project description and details documented in the GitHub repository README.

40,623 stars9,721 forksCSSMIT
01
DEEP OPEN-SOURCE ANALYSIS

bradtraversy/50projects50days: 50 Projects in 50 Days - HTML/CSS and JavaScript

GitHub describes it as 50+ mini web projects using HTML, CSS & JS. The repository metadata lists CSS as its primary language. The metadata lists the MIT license. This article stays within the project description and details documented in the GitHub repository README.

02
DEEP OPEN-SOURCE ANALYSIS

Repository scope

GitHub describes it as 50+ mini web projects using HTML, CSS & JS. The repository metadata lists CSS as its primary language. The metadata lists the MIT license. The README describes the project this way: | | Project | Live Demo | | :-: | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------- | | 01 | Expanding Cards | Live Demo | | 02 | Progress Steps | Live Demo | | 03 | Rotating Navigation Animation | Live Demo | | 04 | Hidden Search Widget | Live Demo | | 05 | Blurry Loading | Live Demo | | 06 | Scroll Animation | Live Demo | | 07 | Split Landing Page | Live Demo | | 08 | Form Wave | Live Demo | | 09 | Sound Board | Live Demo | | 10 | Dad Jokes | Live Demo | | 11 | Event Keycodes | Live Demo | | 12 | Faq Collapse | Live Demo | | 13 | Random Choice Picker | Live Demo | | 14 | Animated Navigation | Live Demo | | 15 | Incrementing Counter | Live Demo | | 16 | Drink Water | Live Demo | | 17 | Movie App | Live Demo | | 18 | Background Slider | Live Demo | | 19 | Theme Clock | Live Demo | | 20 | Button Ripple Effect | Live Demo | | 21 | Drag N Drop | Live Demo | | 22 | Drawing App | Live Demo | | 23 | Kinetic Loader | Live Demo | | 24 | Content Placeholder | Live Demo | | 25 | Sticky Navbar | Live Demo | | 26 | Double Vertical Slider | Live Demo | | 27 | Toast Notification | Live Demo | | 28 | Github Profiles | Live Demo | | 29 | Double Click Heart | Live Demo | | 30 | Auto Text Effect | Live Demo | | 31 | Password Generator | Live Demo | | 32 | Good Cheap Fast | Live Demo | | 33 | Notes App | Live Demo | | 34 | Animated Countdown | Live Demo | | 35 | Image Carousel | Live Demo | | 36 | Hoverboard | Live Demo | | 37 | Pokedex | Live Demo | | 38 | Mobile Tab Navigation | Live Demo | | 39 | Password Strength Background | Live Demo | | 40 | 3d Background Boxes | Live Demo | | 41 | Verify Account Ui | Live Demo | | 42 | Live User Filter | Live Demo | | 43 | Feedback Ui Design | Live Demo | | 44 | Custom Range Slider | Live Demo | | 45 | Netflix Mobile Navigation | Live Demo | | 46 | Quiz App | Live Demo | | 47 | Testimonial Box Switcher | Live Demo | | 48 | Random Image Feed | Live Demo | | 49 | Todo List | Live Demo | | 50 | Insect Catch Game | Live Demo | | 51 | Simple Timer | Live Demo |

03
DEEP OPEN-SOURCE ANALYSIS

50 Projects in 50 Days - HTML/CSS and JavaScript

The README section "50 Projects in 50 Days - HTML/CSS and JavaScript" states: NOTE ON PULL REQUESTS : All of these projects are part of the course. While I do appreciate people trying to make some things prettier or adding new features, we are only accepting pull requests and looking at issues for bug fixes so that the code stays inline with the course

04
DEEP OPEN-SOURCE ANALYSIS

License

The README section "License" states: Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

05
DEEP OPEN-SOURCE ANALYSIS

License

The README section "License" states: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

06
DEEP OPEN-SOURCE ANALYSIS

Editorial conclusion

The repository README is the source for this review. It does not replace a local installation or an independent test.

07
DEEP OPEN-SOURCE ANALYSIS

Official sources

08
Community notes

Community notes