🌟 Mini Projects Collection

Welcome to my Mini Projects Repository 🎉
This repo contains a collection of small but useful projects built with HTML, CSS, and JavaScript.
Each project is lightweight, interactive, and designed to solve a specific problem or demonstrate a feature.

📌 Live Projects

1. 🚗 Add New Driver

Overview

The Add New Driver project is designed to streamline the process of adding and managing driver details through a step-by-step, user-friendly form.
Each form step is validated to ensure accurate data input, and driver details are stored securely in a database for easy retrieval and management.

✨ Features

• 📝 Sequential Form Pages: Collects driver information across multiple pages for better organization.
• ✅ Validation: Each page includes validation checks before moving to the next step.
• 💾 Data Storage: All driver details are securely stored in a database.
• 🔍 Easy Management: Stored data can be retrieved, viewed, and managed efficiently.

🛠️ Technologies Used

• Frontend: HTML, CSS, JavaScript
• Backend: FastAPI
• Database: MySQL

2. 🗺️ Street Map – OpenStreetMap (OSM) Integration

This project integrates OpenStreetMap (OSM) into an application, providing a real-time, interactive map for location visualization, route planning, and tracking purposes.

✨ Features

• 🗺️ Interactive Map: Displays a fully functional map using OpenStreetMap.
• 📍 Shapes Plotted in Map: Plot Diff Shapes to Seperate it , on different scenarios .
• 🛣️ Shape Management: Plot and visualize coordinates That auto fit zoom.

🛠️ Technologies Used

• Frontend: HTML, CSS, JavaScript
• Mapping API: OpenStreetMap

⚙️ Setup and Installation

3. 📊 Table CRUD Operation

The Table CRUD Operation project demonstrates basic database-like operations directly in the browser using HTML, CSS, and JavaScript.

✨ Features

• ➕ Create: Add new rows of data dynamically.
• ✏️ Update: Edit existing table entries.
• ❌ Delete: Remove rows from the table.
• 🔎 Read: View and interact with structured data in table format.
• 💾 Quick Reflect in Db

🛠️ Technologies Used

• Frontend: HTML, CSS, JavaScript

4. ☁️ Weather Check App

🔗 Live Demo

The Weather Check App allows users to:

• 🌍 Search for any city around the world
• 🌡️ Get real-time weather updates (temperature, humidity, conditions)
• 📱 View a responsive and user-friendly interface

# Clone the repository
git clone https://github.com/<your-username>/MiniProjects.git

# Navigate to the OSM map project folder
cd MiniProjects/osm-map

# Run index.html in your browser