ReactJS Weather App

A modern weather application built with React that provides real-time weather information and forecasts for cities worldwide. The app features an intuitive interface with interactive weather charts, search history tracking, and smart caching for optimal performance. Users can search for any city, view detailed weather metrics, and access 5-day forecasts with hourly breakdowns. The app securely stores search history using encryption and implements responsive design for seamless usage across all devices.

Features

• 🔍 Search and track weather for any city
• ☁️ Display top 5 most searched cities
• ⛅ Current weather conditions with detailed metrics
• 📌 Location-based weather detection
• 📱 Responsive design for all devices
• 🗃️ Local storage caching for improved performance
• 🔐 Search history encryption for security

Tech Stack

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm/yarn

Installation

1. Clone the repository

git clone https://github.com/yourusername/reactjs_weather_app.git

2. Install client app dependencies

npm install

3. Install server app dependencies

cd server

npm install

Setup Environment Variables

Before running the app, you need to set env variables to make it work.

create a .env file using the below command

1. Using cp (Unix/Linux/MacOS)

cp .env.example .env

2. Using copy (Windows)

copy .env.example .env

Run the app

1. Run the client app

npm run dev

2. Run the server app

   Using node command (changes will be reflected in real-time)

   node server/app.js

   Using nodemon (changes will be reflected in real-time)

   nodemon server/app.js