ProjectVault 🚀

Welcome to ProjectVault, a collection of projects showcasing my web development skills using HTML, CSS, JavaScript, React, Axios, Bootstrap and API's. Each project demonstrates different functionalities! 🎯

---

📌 Projects Included

1️⃣ Ekart

• Built a dynamic web app, Ekart, using React and Axios, integrating the FakeStore API for product listings, category filters, and cart functionality.
• Implemented responsive UI, state management, and API integration to provide a seamless user experience with real-time data updates.

🛠️ Tech Stack:

• HTML, JavaScript, ReactJs, Axios, Bootstrap, Fake Store API

---

2️⃣ Bank Token System

• Developed an accessible bank token management system with voice assistance using the Web Speech API, enhancing usability for visually impaired users.
• Implemented a real-time queue management system with a dynamic UI, allowing efficient token generation and customer call handling.

🛠️ Tech Stack:

• HTML, CSS, JavaScript, Bootstrap

---

3️⃣ Weather App

• Developed a real-time weather application integrating the OpenWeather API, enabling users to search cities and get instant temperature, humidity, and wind speed data.
• Implemented dynamic UI updates with Bootstrap for responsiveness, error handling for invalid cities, and temperature-based weather icons, enhancing user experience and accessibility.

🛠️ Tech Stack:

• HTML, CSS, JavaScript, Bootstrap, OpenWeather API

---

4️⃣ Playable Piano

• Developed an interactive virtual piano that allows users to play notes using both mouse clicks and keyboard inputs, enhancing user engagement.
• Optimized audio playback and UI customization, integrating volume control and key visibility toggle, enhancing accessibility for diverse user preferences.

🛠️ Tech Stack:

• HTML, CSS, JavaScript

---

5️⃣ Anime Cards

• An interactive anime-themed card UI with smooth hover effects, 3D transformations using pure CSS, enhancing visual appeal and user engagement.
• Implemented a fully responsive layout with optimized media queries and flexible design, ensuring seamless functionality across all devices

🛠️ Tech Stack:

• HTML, CSS

---

6️⃣ Calculator

• Developed a feature-rich calculator with essential arithmetic operations, ensuring a user-friendly experience.
• Implemented a dynamic dark and light theme toggle feature.

🛠️ Tech Stack:

• HTML, CSS, JavaScript