skyCast - A Simple Weather App by which you can get weather details of your current location as well as the place you want to know.
Welcome to WeatherApp! This is a simple weather application that allows users to check the current weather conditions for a specific location. The app provides real-time temperature, humidity, and other weather-related data to help users stay informed about the weather in their desired locations.
- Know weather at your current location.
- Search for weather conditions by entering a city name.
- Displays real-time temperature in Celsius.
- Shows humidity percentage for the selected location.
- Shows other weather related information.
- Responsive design for both desktop and mobile devices.
- Frontend: React.js, HTML, CSS, JSX
- Backend: Node.js, Express.js
- API: OpenWeatherMap API
- Deployment: AWS (Amazon Web Services)
To get started with WeatherApp, follow the steps below:
-
Clone this repository to your local machine:
git clone https://github.com/sagarchauhan015/sky-cast.git cd frontend
-
Install frontend dependencies: [you can get all the dependencies in package.json]
cd weather-app npm install
-
Install backend dependencies: [you can get all the dependencies in package.json]
cd backend npm install
-
Obtain an API key from OpenWeatherMap by signing up on their website.
-
In the backend/server.js file, replace 'YOUR_OPENWEATHERMAP_API_KEY' with your API key.
-
Start the frontend and backend servers:
cd frontend npm start
cd backend npm start
-
Open your browser and navigate to http://localhost:3000 or at which your frontend server is running to access the WeatherApp UI.
-
You will see the UI:
![Screenshot 2023-08-09 at 12 17 03 AM](https://private-user-images.githubusercontent.com/87389952/259202756-f6a2a7a5-fe0c-4cf8-94b7-ba302fb908f3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxNTcwMDEsIm5iZiI6MTcyNjE1NjcwMSwicGF0aCI6Ii84NzM4OTk1Mi8yNTkyMDI3NTYtZjZhMmE3YTUtZmUwYy00Y2Y4LTk0YjctYmEzMDJmYjkwOGYzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEyVDE1NTgyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJjNjk0NWQ1MTMyNTg4ZTQ0NThjZjYyZWIyNGZkMWMzMzAzYmU3YjYxNDU3YjE4NTkzMmQzZmI5OGIxMmRjMmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xyKMEhyw1fQnlDXYDDX5LrFksiZrYSh520YeI3xkfn0)
![Screenshot 2023-08-09 at 12 18 03 AM](https://private-user-images.githubusercontent.com/87389952/259202928-f524b1ae-8113-4697-b35d-32b04aff8bf4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxNTcwMDEsIm5iZiI6MTcyNjE1NjcwMSwicGF0aCI6Ii84NzM4OTk1Mi8yNTkyMDI5MjgtZjUyNGIxYWUtODExMy00Njk3LWIzNWQtMzJiMDRhZmY4YmY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEyVDE1NTgyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRjNjBjMWFjYzlmY2Q0YTkxZWMzNTY1NmJiYTUwZmM4NWFmZTJhMWRhZGFmMDQwOTBiYmRjNWIxY2RhODBhYzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ZfFEkA9cOKl6l0XDebX-qVGrwbWztkoR28Fq0Sy3Dpg)
![Screenshot 2023-08-09 at 12 18 37 AM](https://private-user-images.githubusercontent.com/87389952/259202983-3077acc1-16bb-4796-b0cc-37f779342f93.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxNTcwMDEsIm5iZiI6MTcyNjE1NjcwMSwicGF0aCI6Ii84NzM4OTk1Mi8yNTkyMDI5ODMtMzA3N2FjYzEtMTZiYi00Nzk2LWIwY2MtMzdmNzc5MzQyZjkzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEyVDE1NTgyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ1NzM4OTA1NTIyMjk4OTc3NmQ4NjMzZDg2ZGUwYzNkMTg4YzI0ZjI1NjhhM2FhNzljZmFhMTRjNmVlMGE1Y2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0._4KN03VPX_Mj0vXPaUPG2vIDL9RIanmmYkhjfTX1c-o)
![Screenshot 2023-08-09 at 12 18 46 AM](https://private-user-images.githubusercontent.com/87389952/259203035-9afccbe5-7ca2-49ed-ae47-e6f6a0b28e00.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjYxNTcwMDEsIm5iZiI6MTcyNjE1NjcwMSwicGF0aCI6Ii84NzM4OTk1Mi8yNTkyMDMwMzUtOWFmY2NiZTUtN2NhMi00OWVkLWFlNDctZTZmNmEwYjI4ZTAwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEyVDE1NTgyMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE4YzNmOTRkNzliYjMwMjJiYTA3MzZhMTBmYzRmNmU0YjY4MWNlNmVkY2MyNmY0MGQxMTRkODJkNTQ3M2MwNTEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Pa8TPwa4Xwwa8aSyIXFBl4zqdluDBQmxizyoGuxQ5Ek)
Contributions are welcome! If you find a bug or have suggestions for improvements, please submit an issue or a pull request.