🚀 Frontend JS Library

A personal reusable collection of vanilla JavaScript UI components and frontend logic snippets used to build modern, responsive business websites faster.

This library is built using:

• HTML
• CSS / Tailwind CSS
• Vanilla JavaScript

---

🎯 Purpose

This repository is my personal frontend toolkit for:

• Building real-world business websites
• Reusing common JavaScript logic
• Speeding up development process
• Creating WhatsApp-based ordering & contact systems
• Improving frontend skills through project-based learning

---

🏗️ Project Structure

frontend-js-library/
│
├── 01-navbar-toggle/
├── 02-sticky-navbar/
├── 03-accordion-faq/
├── 04-modal-popup/
├── 05-image-slider/
├── 06-tabs-system/
├── 07-dark-mode-toggle/
├── 08-form-validation/
├── 09-whatsapp-form-logic/
├── 10-product-search-filter/
├── 11-category-filter/
├── 12-add-to-cart-ui/
├── 13-quantity-buttons/
├── 14-toast-notification/
├── 15-scroll-reveal-animation/
├── 16-local-storage/
└── README.md

---

🚀 How I Use This Library

Each folder contains:

• index.html (UI structure)
• style.css (design)
• script.js (logic)
• README.md (feature explanation)
• screenshot.png (preview)

I reuse these components in different projects like:

• Business websites
• Portfolio websites
• Product landing pages
• WhatsApp ordering systems

---

💡 Goal

To build a fast, reusable frontend system for:

• Local business websites
• Content creator websites
• content creation-ready UI templates

---

🔥 Tech Stack

• HTML5
• CSS3
• Tailwind CSS (optional)
• Vanilla JavaScript
• GitHub
• Netlify (for deployment)

---

📈 Future Plan

• Add more reusable components
• Convert into full UI kit
• Build multiple business templates
• Use it for content creation

---

👨‍💻 Author

• Rishabh (Frontend Developer + Designer)
• Focused on building real-world websites for local businesses and content creation.