https://github.com/ayezabashir/vanilla-javascript-projects
This repository contains mini web projects made using HTML, CSS and Vanilla Javascript.
https://github.com/ayezabashir/vanilla-javascript-projects
animation-css api await-async dom-manipulation fetch-api javascript miniprojects
Last synced: 7 months ago
JSON representation
This repository contains mini web projects made using HTML, CSS and Vanilla Javascript.
- Host: GitHub
- URL: https://github.com/ayezabashir/vanilla-javascript-projects
- Owner: ayezabashir
- Created: 2023-04-12T10:44:16.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-07-31T17:45:11.000Z (10 months ago)
- Last Synced: 2025-07-31T20:42:49.968Z (10 months ago)
- Topics: animation-css, api, await-async, dom-manipulation, fetch-api, javascript, miniprojects
- Language: CSS
- Homepage:
- Size: 6.94 MB
- Stars: 7
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⚡ JS Mini Projects
A collection of beginner to intermediate-level JavaScript mini projects focused on mastering DOM manipulation, event handling, APIs, and animations.
---
## 📚 APIs & Data
- [Dictionary](https://codepen.io/ayezabashir/full/RwEbPZL)
- [Synonym Search](https://codepen.io/ayezabashir/full/yLGJVKO)
- [Image Search Gallery](https://codepen.io/ayezabashir/full/gOZRozq)
- [GitHub Profiles](https://codepen.io/ayezabashir/pen/Poxovaq)
- [Number Trivia](https://codepen.io/ayezabashir/full/ZEVGNPM)
- [Movie Info](https://codepen.io/ayezabashir/full/poxxGoR)
- [Recipes Generator](https://codepen.io/ayezabashir/full/BabbdXo)
- [Pokedex](https://codepen.io/ayezabashir/full/JjeWdLa)
---
## ⏱️ Animations & Effects
- [Animated Loading Screen](https://codepen.io/ayezabashir/full/MWPNgdx)
- [Blurry Loading](https://codepen.io/ayezabashir442/full/rNqzBNK)
- [Scroll Indicator](https://codepen.io/ayezabashir/pen/jOooVRb)
- [Scrolling Animation](https://codepen.io/ayezabashir442/full/YzJxpaw)
- [CSS Scroll](https://codepen.io/ayezabashir/full/oNmyBxd)
- [Text Effect](https://codepen.io/ayezabashir/full/YzRKjmE)
- [Glassmorphism Effect](https://codepen.io/ayezabashir/pen/MWMXgvr)
---
## 🎨 UI Components
- [Expanding Cards](https://codepen.io/ayezabashir442/full/eYPpKrX)
- [Navigation Animation](https://codepen.io/ayezabashir/full/bGmLrwL)
- [Netflix Nav Menu](https://codepen.io/ayezabashir/full/OJagPxO)
- [Sticky Navbar](https://codepen.io/ayezabashir/full/BaqXYyz)
- [Hidden Search](https://codepen.io/ayezabashir442/full/jOewrBj)
- [Toaster](https://codepen.io/ayezabashir/full/ZEqgNKo)
---
## 🎲 Fun & Games
- [Dad Jokes Generator](https://codepen.io/ayezabashir442/full/qBJVmWo)
- [Quote Generator](https://codepen.io/ayezabashir/pen/ZEVEGwz)
- [Random Choice Picker](https://codepen.io/ayezabashir/full/QWZQbBy)
- [Sound Board](https://soundboard.ayezabashir.repl.co/)
- [Hover Board](https://codepen.io/ayezabashir/full/zYMNYwg)
---
## 📊 Utilities & Tools
- [Password Generator](https://codepen.io/ayezabashir/full/BaGNxzm)
- [Scientific Calculator](https://codepen.io/ayezabashir/pen/GRYJKOO)
- [Increment Counter](https://codepen.io/ayezabashir/full/MWPQNgB)
- [Live User Filter](https://codepen.io/ayezabashir/full/oNQGgvm)
- [Event Keycode](https://codepen.io/ayezabashir/full/GRYyvZM)
---
## 🧩 Layout & Design Experiments
- [Split Landing Page](https://split-landing-page.ayezabashir.repl.co/)
- [Image Carousel](https://codepen.io/ayezabashir/full/qBQNwXM)
- [Image Slider](https://codepen.io/ayezabashir/pen/oNRdeLb)
- [Background Slider](https://backgroundslider--ayezabashir.repl.co/)
- [Vertical Slider](https://codepen.io/ayezabashir/full/KKrMawL)
---
## 🛠️ Features & Interactions
- [Drag & Drop](https://codepen.io/ayezabashir/full/jOeoXmm)
- [Drawing App](https://codepen.io/ayezabashir/full/MWPNYjJ)
- [Drink Water Tracker](https://codepen.io/ayezabashir/full/MWPPyaE)
- [Progress Bar](https://codepen.io/ayezabashir442/full/eYPJwyO)
- [Load More Products](https://codepen.io/ayezabashir/pen/mdYKLyV)
- [Rotating Navigation](https://codepen.io/ayezabashir442/full/NWOgNXY)
---
## 🔐 Form & UI Interactions
- [Account Verification](https://codepen.io/ayezabashir/full/oNQBNVZ)
- [Custom File Upload](https://codepen.io/ayezabashir/pen/PwozvRy)
- [Form Wave Animation](https://codepen.io/ayezabashir442/full/ZEqXbeN)
- [Feedback UI](https://codepen.io/ayezabashir/full/vYQWXZq)
- [FAQ Toggle](https://codepen.io/ayezabashir/full/wvYpqER)
- [To Do List](https://codepen.io/ayezabashir/full/abROoLv)
- [Notes App](https://codepen.io/ayezabashir/full/ExOPyxX)
- [Clock](https://codepen.io/ayezabashir/full/qBJGRVx)
- [Quiz App](https://codepen.io/ayezabashir/full/LYXzVOb)
---
🧠 Want to explore the source code? Browse individual projects inside the `/projects` folder or check each CodePen link above.
Made with ❤️ by **[Ayeza Bashir](https://github.com/ayezabashir)**