Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahzamir/weather-condition-app
This is a SPA project that is built using two APIs. Users can check the continent, country, and city of their choice and get the weather of that city. This project is built using React, Redux, and Webpack.
https://github.com/ahzamir/weather-condition-app
bootstrap carousel css3 html javascript netlify react reactjs redux
Last synced: 8 days ago
JSON representation
This is a SPA project that is built using two APIs. Users can check the continent, country, and city of their choice and get the weather of that city. This project is built using React, Redux, and Webpack.
- Host: GitHub
- URL: https://github.com/ahzamir/weather-condition-app
- Owner: ahzamir
- Created: 2022-07-04T18:19:31.000Z (over 2 years ago)
- Default Branch: development
- Last Pushed: 2023-01-30T20:31:43.000Z (almost 2 years ago)
- Last Synced: 2024-05-28T20:54:03.205Z (6 months ago)
- Topics: bootstrap, carousel, css3, html, javascript, netlify, react, reactjs, redux
- Language: JavaScript
- Homepage:
- Size: 34.4 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# World Weather
> This is a SPA project that is built using two APIs. Users can check the continent, country, and city of their choice and get the weather of that city. This project is built using React, Redux, and Webpack.
## Built With
- [x] Programming Language: [JavaScript](https://www.javascript.com/)
- [x] Framework: [React](https://reactjs.org/)
- [x] Library: [Redux](https://redux.js.org/)
- [x] Linter: [ESLint](https://eslint.org/)
- [x] Code Editor: [VS Code](https://code.visualstudio.com/)
- [x] Testing Framework: [Jest](https://jestjs.io/)
- [x] API: [Countries and Cities](https://documenter.getpostman.com/view/1134062/T1LJjU52?version=latest#fec5b515-b5e1-41c5-8ab4-2cc49bec7694)
- [x] API: [Weather](https://openweathermap.org/api)
- [x] Styling: [Bootstrap](https://getbootstrap.com/)
- [x] Deployment: [Netlify](https://www.netlify.com/)
## Live Demo (Netlify) 💻
- Project Screenshots
- [World Weather Condition](https://gregarious-pavlova-aaa751.netlify.app/)
## Getting Started
To get a local copy up and running follow these simple example steps.
1- Clone the repository in your local machine:
```
$ git clone [email protected]:ahzamir/weather-condition-app.git
```
2- Go to the repository folder of weather-condition-app in your command prompt:
```
$ cd weather-condition-app
```
3- You might need to install dependecies with:
```
$ yarn install
```
OR
```
$ npm install
```
4- Go to command line and run the command below for the live server:
```
$ yarn start
```
OR
```
$ npm start
```
### Prerequisites
- [x] A web browser like [Google Chrome](https://www.google.com/chrome/).
- [x] A code editor like [Visual Studio Code](https://code.visualstudio.com/).
- [x] A terminal to run the code.
- [x] [Npm](https://www.npmjs.com/) installed on your computer.
- [x] [Yarn](https://yarnpkg.com/) installed on your computer.
- [x] [Git](https://git-scm.com/) installed on your computer.
You can check if Git is installed by running the following command in the terminal.
```
$ git --version
```
To check if node is installed, kindly run this command in the terminal.
```
$ node --version
```
To check if yarn is installed, kindly run this command in the terminal.
```
$ yarn --version
```
## Authors
👤 **Ahmad Zamir Yousufi** 
- GitHub: [@ahzamir](https://github.com/ahzamir).
- LinkedIn: [ahzamir](https://www.linkedin.com/in/ahzamir/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/ahzamir/weather-condition-app/issues).
### Attributions and Credit
Original design idea by [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio)
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- [Microverse](https://www.microverse.org/)
- Code Reviewers
- Coding Partners
## 📝 License
This project is [MIT](./MIT.md) licensed.
