/50projects_50days

50+ mini web projects using HTML, CSS & JS

Primary LanguageJavaScriptMIT LicenseMIT

50 Projects in 50 Days

This project is part of the #50ProjectsIn50Days challenge, where I will be creating 50 different web projects in 50 consecutive days. Each project will be built using HTML, CSS and JavaScript, and will range in difficulty from beginner to intermediate.

Table of Contents

Overview

The goal of this project is to challenge myself to build a variety of web projects using different technologies and techniques, and to improve my coding skills along the way. Each project will be completed within one day, and will be uploaded to GitHub for others to use and learn from.

Installation

  1. Clone this repository.
clone https://github.com/raminka13/50projecst_50days.git
  1. Navigate to the project directory.
cd https://github.com/raminka13/50projecst_50days.git
  1. Open the project in your preferred text editor and start coding!
code .

Usage

Each project in this repository is self-contained and can be used as a standalone web application. Simply navigate to the project directory and open the index.html file in your web browser to view the project.

Project List

  1. Expanding Cards
  2. Progress Steps
  3. Rotating Navigation
  4. Blurry Loading
  5. Scroll Animation
  6. Split Landing Page
  7. Form Wave Animation
  8. Sound Board
  9. Dad Jokes
  10. Event Keycodes
  11. Magic Hover Effect
  12. Curtain Nav Menu
  13. FAQ Collapse
  14. Random Choice Picker
  15. Fancy Clock
  16. Animated Navigation
  17. Incrementing Counter
  18. Drink Water
  19. Movie App
  20. Gradient Hover Card
  21. Background Slider
  22. Drag & Drop
  23. Theme Clock
  24. Button Ripple Effect
  25. Drag & Drop 2
  26. Content Placeholder
  27. Vertical Slider
  28. Sticky Navbar
  29. Double Click Heart
  30. Auto Text Effect
  31. Password Generator
  32. Hacked Text Effect
  33. Notes App
  34. Animated Countdown
  35. Sliding Image Track
  36. Hoverboard
  37. CSS Popout Menu
  38. Pokedex
  39. Staggered Grid
  40. Locale Calendar

Contributing

Contributions are welcome! If you would like to contribute to this project, please fork the repository and submit a pull request.

License

This project is licensed under the MIT License.