Mini Labs

A collection of focused frontend mini projects built to practice JavaScript fundamentals, DOM manipulation, UI behavior, and clean user interface design.

This repository works as a personal frontend lab where I build focused, lightweight projects to strengthen core web development skills through practical implementation.

---

Live Site

• Landing Page: https://asifelahii.github.io/mini-labs/

---

Projects

1. Random Background Color Generator

A simple interactive web app that changes the background color automatically using JavaScript timer functions.

Live Demo: https://asifelahii.github.io/mini-labs/random-bg-color/
Source Code: projects/random-bg-color/

Key Learning Areas

• DOM manipulation
• JavaScript event handling
• setInterval() and clearInterval()
• Dynamic style updates
• UI layout and visual polish
• Simple project structuring

---

Tech Stack

---

Repository Structure

mini-labs/
├── docs/
├── projects/
│   └── random-bg-color/
├── .gitignore
└── README.md

---

Purpose of This Repository

This repository is used to practice and document small but focused frontend concepts, including:

• JavaScript fundamentals
• DOM-based interactivity
• UI component behavior
• CSS styling and layout
• Responsive frontend design
• Project-based learning

---

Planned Improvements

• Add more mini frontend projects
• Improve landing page design
• Add screenshots for each project
• Add project-level documentation
• Organize projects by topic
• Add responsive design improvements

---

Future Mini Lab Ideas

• Calculator App
• Todo List App
• Weather UI
• Digital Clock
• Form Validation Demo
• Image Slider
• Password Generator
• Quiz App
• Expense Tracker UI
• API Data Fetching Demo

---

Author

Asif Elahi Aspiring Software Engineer | Full-Stack Developer | AI/ML Research Enthusiast

• GitHub: https://github.com/asifelahii
• LinkedIn: https://www.linkedin.com/in/asiifelahi/
• Email: asifelahi488@gmail.com

---

License

This project is open-source and available under the MIT License.