newhorizon-tech / weather-app

Weather App (weather-app)

This is a mini-project that :

• Fetches weather for a specified city
• Displays temperature and weather description
• Allows the user to toggle between Celsius and Fahrenheit
• Displays a background image based on the weather

Live Demo

Live Demo Link

Built With

• HTML/CSS
• Javascript
• NPM
• Webpack
• Atom

Getting Started

• Clone the repository
• Navigate to the root directory of Weather App project
• Go to the 'dist' directory cd dist.
• Open index.html or run it using your own live server

API Key and Webpack compilation

If you want to modify and compile the project

• Create an account on OpenWeatherMap (https://openweathermap.org/)
• Create an API key (https://openweathermap.org/api)
• Navigate to the root directory of the Weather App
• Open env.js file and replace with the API key you created previously
• Run npm install to install dependencies
• Run npm run build to compile/bundle the code or run npm run start to start the server

Authors

👤 Alaukik

• Github: @newhorizon-tech
• Twitter: @techintosh3

Acknowledgements

• Unsplash
• OpenWeatherMap API
• The Odin project
• MDN Web Docs

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!