/climateApp-react

Web application built with React Vite and Context API that allows users to search for weather information by selecting a country and city of interest. The app includes form validations to ensure accurate selection and displays a loading indicator while pulling data from an external weather API.

Primary LanguageJavaScriptMIT LicenseMIT

Climate Finder App

logo logo

📗 Table of Contents

📖 About the Project

Clima Finder React App is a web application built with React Vite and Context API. It allows users to search for weather information by selecting a country and city of interest. The app incorporates form validations to ensure accurate selection. A spinner is displayed while fetching data from an external weather API.

This app was created as part of the course "React - The Complete Guide: Hooks Context Redux MERN +15 Apps"!

🚀 Live Demo

(back to top)

🛠 Built With

Tech Stack

Client

🚀 Getting Started

To get a local copy up and running, follow these steps.

Setup

  1. Clone this repository to your desired folder:
git https://github.com/cilfonegabriel/climateApp-react.git
cd climateApp-react

### Install

After cloning the repo, navigate into it and install all the required packages with the following command:

```sh

### Install

After cloning the repo, navigate into it and install all the required packages with the following command:

```sh

npm install

Then just wait for everything to finish downloading.

Usage

Start the React app:

npm run dev

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run eject

Deployment

You can deploy this project using:

npm run build

This project is deployed in Vercel.

See the section about deployment for more information.

(back to top)

👥 Authors

👤 Gabriel -Cilfone

(back to top)

🔭 Future Features

  • Context API
  • Form input
  • Deploy a live demo
  • Spinner
  • Conditional components

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

(back to top)

🙏 Acknowledgments

This app was created as part of the course "React - The Complete Guide: Hooks Context Redux MERN +15 Apps"!

(back to top)

📝 License

This project is MIT licensed.

(back to top)