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.
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 |
- Browse the project table to explore different projects.
- Click on the Live Demo link to interact with the project.
- Access the Source Code link to view or download the project files.
- 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, 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.