Swift Tools Panel

Swift Tools Panel is a JavaScript-powered Single Page Application (SPA) that dynamically loads interactive components without refreshing the page.

It combines DOM manipulation, dynamic code injection, and API integration into a unified developer-style utility panel.

🚀 Features

• ⚡ Single Page Application architecture (component-based navigation)
• 🔄 Dynamic content injection using onclick events
• 🌳 DOM exploration and interaction
• 🌦 Real-time Weather App with API data fetching
• 🧠 Covers core JavaScript concepts:
  • DOM manipulation
  • Event handling
  • Fetch API
  • Asynchronous JavaScript
  • Dynamic UI rendering
  • Component switching without reload

🛠 Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• Fetch API (for weather data)

📌 Architecture Overview

The application dynamically loads different components into a single container, simulating SPA behavior without using frameworks like React or Vue.

This project demonstrates how modern frontend frameworks work internally — using pure JavaScript.

💡 What I Learned

• Building SPA-like behavior from scratch
• Managing dynamic DOM rendering
• Handling asynchronous API calls
• Structuring JavaScript for modular UI logic
• Creating interactive developer-style utilities

---

🔗 Live Demo -

Click here

---

📄 License

This project is licensed under the MIT License. See the LICENSE file for details.