Skip to content

mhardev/react-weather-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌤️ React Weather App

An online weather website built with React, SCSS, Vite, and the MeteoSource API.
This application provides real-time and accurate weather information with a clean and responsive user interface.


🚀 Demo

https://mhardev-weather-app.vercel.app/


📌 About the Project

This project is a modern and lightweight weather web application that allows users to search for any city worldwide and instantly view current weather conditions and forecasts.
It utilizes the MeteoSource API for precise and up-to-date weather data.

The goal of this project is to offer a simple yet powerful weather interface using modern JavaScript technologies.


🚀 Technologies

  • React.js
  • SCSS
  • Vite.js
  • Node.js
  • JavaScript (ES6+)
  • MeteoSource API

✨ Features

🌎 City Weather Search

  • Search any city globally
  • Automatically fetches weather data from MeteoSource API

🌡️ Real-Time Weather Info

  • Temperature
  • Weather condition icons (sunny, cloudy, rainy, etc.)
  • Wind speed
  • Humidity
  • Feels-like temperature

📅 Forecast Data

  • Displays short-term weather forecasts in a clean layout

🎨 Clean & Modern UI

  • Responsive design for all devices
  • Styled using SCSS for better maintainability

⚡ Optimized Performance

  • Powered by Vite for ultra-fast development
  • Minimal API call usage
  • Fast initial load

📂 Project Setup

1️⃣ Clone the Repository

git clone https://github.com/mhardev/react-weather-app.git
cd react-weather-app

👨‍💻 Developer

Joshua Mhar M. Alcubilla
Web Developer