Skip to content

Tagorenarne/weather_project_javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒฆ๏ธ Weather App

A small yet functional weather application that allows users to check real-time weather information either by using their current location or by entering a city name.

The project is built with a modern tech stack and focuses on a clean UI, simple UX, and secure API handling.

โœจ Features

๐Ÿ“ Get weather using current location (GPS)

๐Ÿ™๏ธ Search weather by city name

๐ŸŒก๏ธ Real-time temperature, humidity, wind speed, and conditions

โšก Clean, electrified dark-blue UI

๐Ÿ”’ API key secured using backend

๐Ÿ› ๏ธ Tech Stack

Frontend: React (Vite)

Styling: Tailwind CSS

Backend: Node.js + Express

API: OpenWeather API

๐Ÿ“ธ Preview

๐Ÿš€ How It Works

The frontend sends a request to the backend.

The backend fetches weather data from the OpenWeather API.

Weather data is returned securely to the frontend and displayed to the user.

๐Ÿ“ฆ Installation (Optional Section)

Clone the repository

git clone https://github.com/your-username/weather-app.git

Install frontend dependencies

cd frontend

npm install

npm run dev

Install backend dependencies

cd backend

npm install

Create a .env file inside the backend folder:

PORT=3000

OPENWEATHER_API_KEY=your_openweather_api_key

npm start

image

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors