50 Days 50 Projects

This is a collection of mini projects that I created using HTML, CSS and JavaScript. Each project is based on a different concept or feature, such as animations, APIs, games, etc. The goal is to practice and improve my web development skills by building something new every day for 50 days.

Website Link: https://codekisku.github.io/50days50projects/

How to use

You can clone this repository or download it as a zip file. Then, open any of the project folders and run the index.html file in your browser. You can also view the live demo of each project by clicking on the links in the table below.

Projects

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

Credits

This project is inspired by 50 Projects In 50 Days - HTML, CSS & JavaScript course by Brad Traversy and Florin Pop. I highly recommend checking out their course if you want to learn more about web development.