Weather App with React

A Weather App to view current weather status and future predictions. Made using Node.js, Express.js, React.js and TailwindCSS.

Table of Contents

• Demo
  • Screenshots
• Features
• Technologies Used
• Running the Project Locally

Demo

You can check out the live demo of the Weather app here.

Screenshots

Features

• Get current weather information for a location.
• Detailed weather data including temperature, humidity, chance of rain, min/max temperatures and sunrise/sunset times.
• Search for weather data by location name.
• Access current location.
• Responsive design for a nice user experience on both desktop and mobile devices.
• Real-time weather updates using the OpenWeatherMap API.

Technologies Used

• React
• Express.js
• Node.js
• OpenWeatherMap API
• Geolocation API
• Local Storage (browser)
• TailwindCSS for styling

Running the Project Locally

These instructions will help you set up a copy of the project on your local machine.

Prerequisites

Before getting started, make sure you have Node.js and npm (Node Package Manager) installed on your machine.

Installing & Usage

1. Clone the repository to your local machine:

   git clone https://github.com/Krishnanand2517/weather-app.git

2. Navigate to the backend directory & install the project dependencies:

   cd weather-app-server
   npm install

3. Once you have installed the project and its dependencies, you can run the development server:

   npm start

   This will start the backend server on port 3001, and you can access it in your web browser at http://localhost:3001/.

4. Navigate to the frontend directory and install project dependencies:

   cd ..
   cd weather-app-client
   npm install

5. Run the development server for frontend:

   npm run dev

   This will start the frontend server on port 5173, and you can access the web app in your web browser at http://localhost:5173/.