SPA for weather with geolocation
The goal of this project was to improve my programming skills by creating a simple single-page application (SPA).
The application uses an external API to consume resources and display them on the screen.
Thanks to Axios, I can easily consume the API through HTTP requests.
On the frontend, I created custom hooks to improve the performance of the app.
With the help of the Zustand library as a global state manager, I was able to store the user's favorite cities.
This is an example of how you may give instructions on setting up your project locally.
To get a local copy up and running follow these simple example steps.
This is an example of how to list things you need to use the software and how to install them.
- pnpm
npm install pnpm@latest -g
Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.
-
Get a free API Key at https://www.weatherapi.com/
-
Clone the repo
git clone https://github.com/Slisandro/weather-app.git
- Install NPM packages
pnpm install
- Enter your API in
config.js
const API_KEY = 'ENTER YOUR API';Now, you can run Weather App in your local, with command:
pnpm run dev Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
-
Fork the Project
-
Create your Feature Branch (
git checkout -b feature/AmazingFeature) -
Commit your Changes (
git commit -m 'Add some AmazingFeature') -
Push to the Branch (
git push origin feature/AmazingFeature) -
Open a Pull Request
Distributed under the MIT License. See LICENSE.txt for more information.
LinkedIn - salvareschilisandro0@gmail.com
Project Link: https://github.com/slisandro/weather-app