Weather Application

Welcome to the Weather Application! This project is a MERN stack web application that provides real-time weather data and a 3-day forecast for cities around the world. It features a responsive design, dark mode, and user-friendly navigation.

Live Demo 🌐

Check out the live version of the Weather Application here: https://sky-sync.netlify.app/

Features 🌟

• Responsive Design: The application is optimized for various screen sizes, ensuring a seamless user experience on both desktop and mobile devices.
• 3-Day Weather Forecast: Users can view a detailed weather forecast for the next five days, including average temperatures and weather descriptions.
• Current Weather Data: Get real-time weather information such as temperature, humidity, wind speed, and conditions for any city.
• Dark and Light Mode: The application includes a dark mode feature for comfortable viewing at night, as well as a light mode for daytime use.

Technologies Used 🛠️

• Frontend: ReactJS
• Backend: Node.js, Express.js
• Weather API: WeatherAPI for fetching weather data

Setup Instructions 🛠️

1. Clone the repository

   git clone https://github.com/kishorgs/SkySync.git

2. Navigate to the project directory

   cd SkySync

Frontend Setup

1. Navigate to the frontend directory

   cd frontend

2. Install dependencies

   npm install

3. Start the development server

   npm start

4. Open your browser Visit http://localhost:3000 to view the frontend.

Backend Setup

1. Navigate to the backend directory

   cd backend

2. Install dependencies

   npm install

3. Set up environment variables

   Create a .env file in the root directory of the backend and add the following variables:

   PORT=5000
   WEATHER_API_KEY=your_weather_api_key
   

4. Start the server

   npm start

5. Open your browser or API client Access the API at http://localhost:5000 to interact with the backend services.

Contributing 🤝

Contributions are welcome! Feel free to open issues or submit pull requests.