{"repo":"iamsainikhil/weather-react","free":true,"listed":false,"github":"https://github.com/iamsainikhil/weather-react","clone":"git clone https://github.com/iamsainikhil/weather-react.git","description":"A robust weather application to provide current, 48 hours and 8-day weather forecast based on your geolocation built with ❤️ using React. Weather forecast data is powered by OpenWeather and Wind map is powered by Windy.","language":"JavaScript","stars":102,"topics":["react","weather","tailwindcss","scss","react-hooks","weather-forecast","javascript","openweathermap-api","windy"],"license":"MIT","category":"ui-components","readme_excerpt":"Table of Contents - Demo - Getting Started - What's inside? - Architecture - Learn More - Motivation - Technologies - Challenges - Roadmap - Contribution - License - Contact - Featured - Acknowledgements Demo Check it out at iamsainikhil.com/weather-react Dynamic Weather Backgrounds https://user-images.githubusercontent.com/21148072/192406356-bd5f5a11-082f-4668-bd6f-689cb5e69f9f.mp4 🚀 Getting Started You need to have a OpenWeather Account, follow the instructions described here to create an account and grab an API key. Basic Setup - Clone the repository - Install the packages using the command npm install Environment File - Create a .env file in the root directory of the project. Add the following properties in it: That's it! You can run the below available scripts to get up and running on the localhost. If you want to dive deeper into the codebase, I recommend you to check the architecture documentation to customize this application as your wish. These instructions are very important to avoid the Blank Page issue when running the application on http://localhost:3000 . Available Scripts In the project directory, you can run: vercel dev Runs the app in the local development mode ( npm run start ) while serving serverless functions defined in the /api folder. Open http://localhost:3000 to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console. For more information, check the Vercel docs here npm run start Runs the app i","default_branch":null,"files":null,"tree":[],"storefront":"/r/iamsainikhil","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/iamsainikhil/weather-react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}