Welcome to my Frontend Projects Repository 👨💻
This repository contains 12+ interactive projects built using only:
- ✅ HTML5
- ✅ CSS3
- ✅ Vanilla JavaScript
These projects reflect my strong interest in JavaScript, UI animations, DOM manipulation, and interactive frontend development.
| # | Project Name | Description |
|---|---|---|
| 1 | EcomBasic | Basic E-commerce UI layout |
| 2 | Expanding Cards | Animated expanding image cards |
| 3 | FormWave | Wave animation login form |
| 4 | Hidden Searchbar | Expandable animated search bar |
| 5 | Jokes | Random joke generator using API |
| 6 | Loading Text | Animated loading text effect |
| 7 | Progress Bar | Animated progress indicator |
| 8 | Rotating Page | Creative rotating navigation UI |
| 9 | Scroll Animation | Scroll-triggered animations |
| 10 | SoundBoard | Interactive sound playing board |
| 11 | Split Landing Page | Split screen hover animation |
| 12 | Task Manager | Simple task management app |
| Technology | Purpose |
|---|---|
| HTML5 | Page structure |
| CSS3 | Styling & animations |
| JavaScript | Logic & interactivity |
No frameworks. No libraries. Pure frontend development.
- Smooth CSS animations
- DOM manipulation
- Event handling
- API integration (Jokes project)
- Interactive UI components
- Beginner-friendly clean code
- Responsive layouts
Some animations used in this repository:
- Hover transitions
- Expanding cards
- Wave input labels
- Rotating navigation
- Scroll reveal effects
- Loading animations
- Split screen hover animation
- Dynamic progress bar
All animations are built using pure CSS and JavaScript.
git clone https://github.com/your-username/your-repository-name.git
2️⃣ Open Any Project Folder
Navigate into any project directory.
3️⃣ Run the Project
Simply open:
index.html
in your browser.
No installation required.