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!
- 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.
- About the project
- Built with
- Presentation/Demo
- Dependencies
- Linting tools:
- Getting started
- Deployment
- Author
- Contributing
- Acknowledgments
- License
Main views screenshots:
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 | ⭐️ |
| Linter | Use | Files |
|---|---|---|
| eslintrc | Linting Javascript files | .js |
| Stylelint | Linting styling errors | .css .scss |
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
This web-application was deployed with github pages
👤 Houda Cherkaoui
- Github: @CalyCherkaoui
- Twitter: @Houda59579688
- Linkedin: Houda-Cherkaoui
Contributions, issues and feature requests are welcome!
Give a ⭐️ if you like this project!
- 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
All source codeis available jointly under the MIT License. See MIT licence for details.