Skip to content

🌐 A collection of sleek and responsive web apps β€” including a 3D Glassmorphic Weather App and a customizable Password Generator β€” built with HTML, CSS, and JavaScript. ✨

Notifications You must be signed in to change notification settings

Avisav24/Micro-IT-Internship

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

9 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 Aesthetic Web Projects by Avisav24

This repository features two visually appealing, responsive web applications:

  • 🌦️ Glassmorphic Weather App
  • πŸ” 3D Password Generator

Both are built using HTML, CSS, and JavaScript, with sleek animations, modern UI design, and real-time interactivity.

🌦️ Glassmorphic Weather App

A sleek, modern weather application with a 3D glassmorphism-inspired UI and real-time data from OpenWeatherMap.

✨ Features

  • πŸ” Search weather by city name
  • 🌑️ Displays temperature, condition, humidity, and wind speed
  • πŸ’… Smooth 3D hover effects with glassmorphism design
  • πŸ–ΌοΈ Dynamic background from Unsplash based on city name
  • πŸ”€ Beautiful Poppins font from Google Fonts
  • ⚑ Responsive and smooth UI animations

πŸ”§ Tech Stack

  • HTML5
  • CSS3 (Glassmorphism, Shadows, Transforms)
  • JavaScript (Fetch API)
  • OpenWeatherMap API
  • Unsplash Source API

πŸ” 3D Password Generator

A beautiful and responsive password generator with customizable options and sleek 3D-styled UI.

🌟 Features

🎨 3D modern UI with glassy aesthetic

πŸ”’ Options to include:

Uppercase letters Lowercase letters Numbers Symbols

πŸ“ Adjustable password length (1–20 characters) πŸ“Š Strength indicator (Weak, Medium, Strong) πŸ“‹ Copy to clipboard with visual feedback ⚑ Smooth slider interaction πŸ”§ Tech Stack HTML5 CSS3 (Gradients, Transforms, Custom Properties) JavaScript (Event handling, logic)

πŸ›  Customization

Fonts: Uses Poppins; change via style.css

Colors: Modify root CSS variables in :root for quick theme customization

Password Logic: Update script.js to tweak character rules or add patterns

πŸ“„ License

This project is licensed under the MIT License β€” free to use, modify, and distribute for personal or commercial use.

Made with ❀️ by Avisav24 using HTML, CSS, and JavaScript.

About

🌐 A collection of sleek and responsive web apps β€” including a 3D Glassmorphic Weather App and a customizable Password Generator β€” built with HTML, CSS, and JavaScript. ✨

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published