Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pheralb/weathr
☀️ A web weather app.
https://github.com/pheralb/weathr
api hackathon midudev pwa react react-router vitejs weather
Last synced: about 17 hours ago
JSON representation
☀️ A web weather app.
- Host: GitHub
- URL: https://github.com/pheralb/weathr
- Owner: pheralb
- License: mit
- Created: 2022-05-20T22:04:52.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-28T16:40:23.000Z (over 2 years ago)
- Last Synced: 2024-05-02T04:00:38.389Z (7 months ago)
- Topics: api, hackathon, midudev, pwa, react, react-router, vitejs, weather
- Language: TypeScript
- Homepage: https://weathr.pages.dev
- Size: 1.76 MB
- Stars: 13
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## 📦 Packages:
- ⚡️ [Vitejs](https://vitejs.dev/) - Next generation frontend tooling.
- ☁️ [Vitejs PWA](https://vite-plugin-pwa.netlify.app/) - Zero-config PWA Framework-agnostic Plugin for Vite.
- ⚒️ [React 18](https://reactjs.org/) - A JavaScript library for building user interfaces.
- 💙 [Typescript](https://www.typescriptlang.org/) - A superset of JavaScript.
- 💅 [Chakra UI](https://chakra-ui.com/) - Accessible component library.
- 💥 [Framer Motion](https://www.framer.com/motion/) - Production-ready motion library.
- 🚀 [SWR](https://swr.vercel.app) - React Hooks for Data Fetching.
## ⚒️ Getting Started:
You will need:
- [Nodejs 16+](https://nodejs.org/).
- [Git](https://git-scm.com/).
1. Clone the repository:
```
git clone [email protected]:pheralb/weathr.git
```
2. Create a .env file with the following variables:
```
VITE_RAPIDAPI_KEY=
VITE_RAPIDAPI_HOST=
```
🤔 How to generate the RAPIDAPI_KEY?
- Create a free RapidApi account: [midu.link/rapidapi](https://midu.link/rapidapi).
- Go to WeatherApi.com: [rapidapi.com/weatherapi/api/weatherapi-com/](https://rapidapi.com/weatherapi/api/weatherapi-com/).
- Click on "Pricing" -> "Basic" -> "Subscribe": [/weatherapi-com/pricing](https://rapidapi.com/weatherapi/api/weatherapi-com/pricing).
- Go to your RapidApi Dashboard: [/developer/dashboard](https://rapidapi.com/developer/dashboard).
- In the left sidebar -> "Default Apps" -> Click on your api -> "Security" and copy the generated Key in the .env file.
🔨 [All RapidApi and fetcher configuration here](https://github.com/pheralb/weathr/tree/main/src/services).
3. Install dependencies:
```
npm install
```
4. Run the app:
```
npm run dev
```
5. 🥳 Ready! Open the browser and write localhost:3000.
## 🚀 Deploy on Cloudflare Pages:
- [weathr.pages.dev](https://weathr.pages.dev/).
## 🔑 License:
- [MIT License](https://github.com/pheralb/weathr/blob/main/LICENSE).
