Skip to content

Bloivating-Major/50-Projects-Using-HTML-CSS-JS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

50 Days, 50 Projects

Welcome to the 50 Days, 50 Projects series! Each day features a new project built with HTML, CSS, and JavaScript. This README serves as a table of contents, showcasing all projects in the series along with their descriptions, links to live demos, and source code.


📋 Project Table

Day Project Name Description Live Demo Source Code
1 Expanding Cards Interactive cards that expand on click. Live Demo Source Code
2 Progress Steps Progressing Steps that Makes progress on click. Live Demo Source Code
3 Rotating Navigation Rotating Navigation. Live Demo Source Code
4 BirthDay Wishing App Animations with JavaScript. Live Demo Source Code
5 Gift Card Pop Up Animations with JavaScript. Live Demo Source Code
6 Hidden Search Toggle Control with JavaScript. Live Demo Source Code
7 Website Reveal Animation using GSAP Website Loader Live Demo Source Code
8 Website Scroll Animation Scroll Animation Live Demo Source Code
9 Split Landing Page Hover Translation Effect Live Demo Source Code
10 Movie Guide App Movie Api Live Demo Source Code
11 Gradient Generator Conversion Of JS Code Live Demo Source Code
12 XO Game Advance Logic Live Demo Source Code
13 Dribble Landing Page UI Focused Live Demo Source Code
14 Incrementing Counter Counter Functionality Live Demo Source Code
15 Live Filter Api Filter Live Demo Source Code

📜 How to Use This Repository

  1. Browse the project table to explore different projects.
  2. Click on the Live Demo link to interact with the project.
  3. Access the Source Code link to view or download the project files.

🎉 Highlights

  • Daily Learning: Each project is designed to teach a specific concept or technique in web development.
  • Technology Stack: HTML, CSS, and JavaScript are used creatively to build unique features.
  • Responsive Design: All projects are optimized for various screen sizes.

🛠️ Contributions

Contributions, suggestions, and improvements are welcome! If you have a cool idea or find a bug, feel free to:

  • Fork the repository.
  • Make your changes.
  • Submit a pull request.

🔗 Stay Connected


🙌 Thank you for following along with the 50 Days, 50 Projects journey!

About

Creating when you are learning makes you better!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published