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.
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.
- Clone this repository.
clone https://github.com/raminka13/50projecst_50days.git
- Navigate to the project directory.
cd https://github.com/raminka13/50projecst_50days.git
- Open the project in your preferred text editor and start coding!
code .
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.
- Expanding Cards
- Progress Steps
- Rotating Navigation
- Blurry Loading
- Scroll Animation
- Split Landing Page
- Form Wave Animation
- Sound Board
- Dad Jokes
- Event Keycodes
- Magic Hover Effect
- Curtain Nav Menu
- FAQ Collapse
- Random Choice Picker
- Fancy Clock
- Animated Navigation
- Incrementing Counter
- Drink Water
- Movie App
- Gradient Hover Card
- Background Slider
- Drag & Drop
- Theme Clock
- Button Ripple Effect
- Drag & Drop 2
- Content Placeholder
- Vertical Slider
- Sticky Navbar
- Double Click Heart
- Auto Text Effect
- Password Generator
- Hacked Text Effect
- Notes App
- Animated Countdown
- Sliding Image Track
- Hoverboard
- CSS Popout Menu
- Pokedex
- Staggered Grid
- Locale Calendar
Contributions are welcome! If you would like to contribute to this project, please fork the repository and submit a pull request.
This project is licensed under the MIT License.