🎓 Java Swing, JavaScript & MySQL Mini Projects

🎯 Project Overview

This collection of mini projects was practiced to enhance my understanding of:

• Building desktop applications using Java Swing
• Connecting Java applications to MySQL using JDBC
• Creating interactive frontend interfaces using JavaScript
• Understanding full-stack development at a beginner level

These projects reflect my ability to integrate frontend and backend components, apply object-oriented principles, and follow real-world use cases.

🛠️ Technologies Used

Language / Tool	Purpose
Java	Application Logic, GUI (Swing)
JavaScript	Web Interactivity, Form Validation
MySQL	Database Management
JDBC	Java–MySQL Connectivity
HTML5/CSS3	Web Design
NetBeans / IntelliJ	Java Development Environment
XAMPP / MySQL Workbench	Database Tools

📂 Project Structure

JS-Mini-Projects/
├── JAVA/
│   ├── Student-Management-System/
│   ├── Digital-Clock/
│   ├── Scientific-Calc/
│   └── Snake-Game/
├── JavaScript/
│   ├── Rock-Paper-Scissor/
│   ├── Virtual-Keyboard/
│   └── Weather-Webapp/
└── README.md

---

📁 Included Projects

🎮 Snake Game

Tech: Java, Swing

A classic Snake Game built using Java Swing. Developed to gain hands-on experience with event-driven programming and GUI design in Java.

⏰ Digital Clock

Tech: Java, Swing

A basic digital clock built in Java using Swing components. It displays the current system time and updates every second. Created for GUI programming practice.

🌦️ Weather WebApp

Tech: HTML, CSS, Vanilla JavaScript

A simple weather application that fetches real-time weather data from an API and displays it based on the user's input. Great practice for working with APIs and DOM manipulation.

🎹 Virtual Keyboard

Tech: HTML, CSS, Vanilla JavaScript

An on-screen virtual keyboard that simulates keypresses. Designed for improving DOM handling and event-based programming using JavaScript.

🧮 Scientific Calculator

Tech: Java, Swing

A GUI-based scientific calculator developed in Java. It includes standard arithmetic operations along with speed, distance, and time calculations under the "File" menu. Made to explore complex Swing layouts and event handling.

📋 Student Management System

Tech: Java, Swing, JDBC, MySQL

A full-featured student management desktop application. Supports adding, updating, viewing, and deleting student records from a MySQL database. Built to practice Java’s database connectivity and GUI interaction.

✊✋✌️ Rock Paper Scissors Game (JavaScript)

Tech: HTML, CSS, Vanilla JavaScript

A classic Rock Paper Scissors game where the player competes against the computer. Designed to enhance understanding of DOM manipulation, conditional logic, and event-driven programming using JavaScript.

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/ahsan598/js-mini-projects.git
cd js-mini-projects

2. Import Java Projects

• Use your preferred IDE (e.g., NetBeans, IntelliJ)
• Configure the MySQL database credentials in the code

3. Run Web Projects

• Open the .html file in a browser
• If connected to a backend, start the server (PHP/Node/Java, as applicable)

4. Setup MySQL Database

• Import the .sql files using MySQL Workbench or phpMyAdmin

🔐 Sample Login Credentials

Role	Username	Password
Admin	admin	admin123
User	user	user123

You can change credentials directly from the MySQL database.

---

📚 Core Concepts Explored

• Java Swing – Desktop GUI development (event handling, layout managers, custom dialogs)
• JavaScript – DOM manipulation, form validation, interactivity
• MySQL – Relational database design, CRUD operations, SQL joins
• HTML5 & CSS3 – Basic frontend structure and styling
• Connectivity
  • Java JDBC (Java ↔ MySQL)
  • JavaScript ↔ Backend (if applicable)