Weather Application

About the project:

In this project, I built a Weather application. This project was built following the specifications , and user stories given by The Odin Project: Read the projects specifications here!

Main features:

• It requests data with parameters from the APIs.
• It fetches weather data by city name.
• It displays the weather data.
• It switches temperature display to °C or °F.
• It displays the city image as background.

Built with:

Table of content:

• About the project
• Built with
• Presentation/Demo
• Dependencies
• Linting tools:
• Getting started
• Deployment
• Author
• Contributing
• Acknowledgments
• License

Presentation/Demo:

Demo-Live of the Weather App

Main views screenshots:

Dependencies:

Iportant Gems and dependencies used in this web application:

Dependency	for	Development	Test	Production
Webpack	Bundler and compiler	⭐️
file-loader	Assets management	⭐️
style-loader	Assets management	⭐️
stylelint	Css linter	⭐️
eslint	Javascript linter	⭐️
moment	Javascript library for time and date format	⭐️

Linting tools:

Linter	Use	Files
eslintrc	Linting Javascript files	.js
Stylelint	Linting styling errors	.css .scss

Getting started (Development)

To get a local copy of the repository please run the following commands on your terminal:

$ git clone git@github.com:CalyCherkaoui/Weather_app.git
$ cd Weather_app
$ git branch feature
$ git checkout feature
$ npm install
$ npm run build

To activate Webpack watch mode:

$ npm run watch

to run Webserver:

$ npm run start

To lint your Js code:

$ npx eslint . --fix

to lint you styling:

$ npx stylelint "**/*.{css,scss}" --fix

Deployment:

This web-application was deployed with github pages

Author

👤 Houda Cherkaoui

• Github: @CalyCherkaoui
• Twitter: @Houda59579688
• Linkedin: Houda-Cherkaoui

🤝 Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• The Odin Project
• IMAGE CREDITS TO https://www.pexels.com/.
• Hat tip to stackoverflow comunity.
• Hat tip to Microverse TSE for Code Review.
• Hat tip to anyone whose code was used

📝 License

All source codeis available jointly under the MIT License. See MIT licence for details.