50-projects-in-50-days's Introduction

50 Projects in 50 Days

About

I've created 50 small projects by following this udemy course. The projects are built with plain HTML, CSS and JavaScript. To challenge myself and to better understand the concepts presented in this course, I modified most of the projects by adding custom features that I came up with. You can find the projects in their original form here.

Overview

Day	Project	Demo
1	Expanding Cards 🚩	TWEET
2	Progress Steps 🚩	TWEET
3	Rotating Navigation	TWEET
4	Hidden Search Widget 🚩	TWEET
5	Blurry Loading	TWEET
6	Scroll Animation 🚩	TWEET
7	Split Landing Page 🚩	TWEET
8	Form Wave Animation 🚩	TWEET
9	Sound Board 🚩	TWEET
10	Dad Jokes	TWEET
11	Event KeyCodes	TWEET
12	FAQ Collapse	TWEET
13	Random Choice Picker	TWEET
14	Animated Navigation 🚩	TWEET
15	Incrementing Counter	TWEET
16	Drink Water 🚩	TWEET
17	Movie App 🚩	TWEET
18	Background Slider	TWEET
19	Theme Clock 🚩	TWEET
20	Button Ripple Effect 🚩	TWEET
21	Drag N Drop	TWEET
22	Drawing App 🚩	TWEET
23	Kinetic CSS Loader 🚩	TWEET
24	Content Placeholder	TWEET
25	Sticky Navbar	TWEET
26	Vertical Slider 🚩	TWEET
27	Toast Notification 🚩	TWEET
28	GitHub Profiles	TWEET
29	Double Click Heart	TWEET
30	Auto Text Effect 🚩	TWEET
31	Password Generator 🚩	TWEET
32	Beautiful, Cheap, Fast 🚩	TWEET
33	Notes App 🚩	TWEET
34	Animation Countdown	TWEET
35	Image Carousel 🚩	TWEET
36	Hoverboard 🚩	TWEET
37	Pokédex 🚩	TWEET
38	Mobile Tab Navigation 🚩	TWEET
39	Password Strength Background	TWEET
40	3D Background Boxes	TWEET
41	Verify Account UI 🚩	TWEET
42	Live User Filter	TWEET
43	Feedback UI Design	TWEET
44	Custom Range Slider	TWEET
45	Netflix Navigation	TWEET
46	Quiz App 🚩	TWEET
47	Testimonial Box Switcher 🚩	TWEET
48	Random Image Feed	TWEET
49	Todo App	TWEET
50	Insect Catch Game 🚩	TWEET