PrangonGhose / weather-app-react

It is a website that retrieves data about countries from one API and returns some basic information in the DOM. It can also retrieve and show data regarding weather of different cities around the world. It is developed using ReactJS.

Weather App

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ
• 📝 License

📖 Project Name

Weather App

🛠 Built With

• HTML, CSS, JavaScript, and ReactJS

Key Features

Describe between 1-3 key features of the application.

• A Single Page Application (SPA) created using React library.
• This web application can show and filter countries with some data and can retrieve their current weather.
• Code is written following JSX syntax.
• The web application is maintained using Redux store.
• API calls are made using Redux Async toolkit createAsyncThunk.
• REST Countries API is used to load data regarding countries.
• Weather API is used to load data regarding weather of a specific city.

(back to top)

🚀 Live Demo

Live demo is available here.

Video presentation of the project is available here.

(back to top)

💻 Getting Started

To clone the repository in local environment try following steps.

Prerequisites

• A web browser like Google Chrome.
• A code editor like Visual Studio Code with Git and Node.js.

You can check if Git is installed by running the following command in the terminal.

$ git --version

Likewise for Node.js and npm for package installation.

$ node --version && npm --version

Setup

Clone the repository using this link.

Install

In the terminal, go to your file directory and run this command.

$ git clone https://github.com/PrangonGhose/weather-app-react.git

Get into development

In the terminal, run these commands to get into development.

$ cd bookstore-with-react

$ npm init -y

$ npm install (install dependencies)

$ npm run build (create the optimized for production)

$ npm start (run the app locally)

Usage

This website is applicable for both mobile and desktop version.

Run tests

Deployment

(back to top)

👥 Authors

👤 Prangon Ghose

• GitHub: @PrangonGhose

(back to top)

🔭 Future Features

• Styling of the webpage
• More cities of all countries to load weather data
• Adding forecast

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome! Add suggestions by opening new issues.

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

🙏 Acknowledgments

Authors would like to thank:

• Microverse
• REST Countries API
• Weather API
• Design inspiration Nelson Sakwa
• Code Reviewers
• Coding Partners

(back to top)

❓ FAQ

(back to top)

📝 License

This project is MIT licensed.