JavaScript Mini Projects
A curated collection of five interactive JavaScript applications built using HTML, Vanilla JavaScript (ES6+), and Tailwind CSS. This repository showcases practical front-end fundamentals, including DOM manipulation, event handling, component structure, and UI usability.
Live Demo Vercel: https://js-mini-projects-msn4u.vercel.app/ GitHub Repo: https://github.com/SuhaibNadakkavil/js-mini-projects
🧩 Included Projects
-
Color Flipper Generates random HEX colors and updates the UI dynamically.
-
Stopwatch Accurate timer with start, pause, and reset features.
-
Palindrome Checker Validates whether user input is a palindrome with clean string processing.
-
Random Quote Generator Displays random quotes with dynamic DOM rendering.
-
Todo List A CRUD-based task manager demonstrating local state handling and event delegation.
🛠️ Tech Stack HTML5 JavaScript (ES6+) Tailwind CSS GitHub Vercel Deployment
🎨 UI Design System Background: #FAFAF8 Text Primary: #333333 Text Secondary: #555555 Primary Accent: #1E40AF Borders: #E5E7EB Fonts: Inter (headings), Merriweather (body)
📦 How to Run Locally git clone https://github.com/SuhaibNadakkavil/js-mini-projects cd js-mini-projects open index.html No build tools required.
👨💻 About the Developer I’m Mohamed Suhaib Nadakkavil, an aspiring MERN stack developer focused on building clean, functional interfaces with strong JavaScript fundamentals.
📬 Contact GitHub: https://github.com/SuhaibNadakkavil Email: [email protected] Portfolio: https://personal-portfolio-msn4u.vercel.app/