This project is a collection of HTML, CSS and Javascript demos that I've created to learn more about web development. It contains the 50 mini projects that are from the Udemy course "50 Projects in 50 Days - HTML, CSS & JavaScript" by Brad Traversy. I've also added a few other projects that I've created on my own.

Also, I have created videos for each of the projects. You can find them on my YouTube channel: https://www.youtube.com/@ziaotan8767

Table of Contents

1. 3D Hover Effect
2. Expandable Navbar
3. Input Animation
4. Bee Cursor
5. Transition Tag In Navbar
6. Full-Screen Covered Menu
7. Profile Card

50 mini projects

1. Expending Cards
2. 3D Boxes Background
3. Animated Countdown
4. Verify Account UI
5. Auto Text Effect
6. Background Slider
7. Blurry Loading
8. Button Ripple Effect
9. Split Landing Page
10. Progress Steps
11. Three Switches
12. Scrolling Animation
13. Event KeyCodes
14. Rotating Nav Animation
15. Hover Board
16. Kinetic Loader
17. Hover Search Widget
18. Animated Share Widget
19. Form Wave
20. Dad Jokes
21. Incrementing Counter
22. Sticky Navbar
23. Double Vertical Slider
24. Toast Notification
25. Github Profiles

Old Projects

1. Button Animation
2. Clock
3. Flip Lottery
4. Puzzle
5. Scratch Off Lottery
6. Signature
7. Simple Calculator
8. Drag and Drop