Skip to content

Mustafa11300/js-projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

🌦️ Weather & Forms - Web Projects

This repository contains two useful web applications built using HTML, CSS, and JavaScript:

  1. 🌤️ Weather Forecast App
  2. ✅ Form Validation

These projects are fully functional and designed to run locally in your browser with no external frameworks or hosting needed.


🌤️ Weather Forecast App

A sleek and responsive weather forecast app that shows real-time weather information based on city input.

✅ Features

  • Search weather by city name
  • Fetches real-time data using a public weather API (OpenWeatherMap)
  • Displays temperature, weather condition, humidity, and wind speed
  • Clean and modern UI
  • Responsive design

💡 How It Works

  • User enters a city name.
  • JavaScript fetches weather data from the API.
  • The UI updates dynamically to show the results.

▶️ How to Run Locally

  1. Download or clone the repository.
  2. Open index.html in your browser.
  3. Enter a city name and view the weather forecast.

⚠️ Note: You may need to insert your own API key from OpenWeatherMap or another provider in the JavaScript file.


✅ Form Validation

A client-side form validation demo that checks user inputs before form submission.

✅ Features

  • Validates fields like:
    • Name (non-empty, min length)
    • Email (valid format)
    • Password (length, match, strength)
  • Real-time feedback with error messages
  • Simple and clean user interface
  • Fully done with vanilla JavaScript

💡 How It Works

  • JavaScript listens to form events and validates each input.
  • Prevents submission if any field is invalid.
  • Shows helpful error messages near the respective input fields.

▶️ How to Run Locally

  1. Download or clone the repository.
  2. Open index.html in your browser.
  3. Fill in the form and see real-time validation in action.

🧰 Technologies Used

  • HTML5
  • CSS3
  • JavaScript (Vanilla)
  • (Weather App uses Fetch API for HTTP requests)

About

A weather app that shows real-time weather using an API, paired with a form validation tool that checks user inputs before submission.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors