bradtraversy /50projects50days

50+ mini web projects using HTML, CSS & JS

★ 40,649⑂ 9,702
CSSCreated 2020-11-16
40,649
stars
+-1
9,702
forks
–
watchers
–
prs
–
issues
–
releases
–
discussions

README

50 Projects in 50 Days - HTML/CSS and JavaScript

This is the main repository for all of the projects in the course.

-   Course Link


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

Snapshot: 2026-11-10T09:35:25Z · Data license Apache-2.0 · JSON