A beautifully weather app

midudev Hackathon - June 2022

📦 Packages:

• ⚡️ Vitejs - Next generation frontend tooling.
• ☁️ Vitejs PWA - Zero-config PWA Framework-agnostic Plugin for Vite.
• ⚒️ React 18 - A JavaScript library for building user interfaces.
• 💙 Typescript - A superset of JavaScript.
• 💅 Chakra UI - Accessible component library.
• 💥 Framer Motion - Production-ready motion library.
• 🚀 SWR - React Hooks for Data Fetching.

⚒️ Getting Started:

You will need:

• Nodejs 16+.
• Git.

1. Clone the repository:

git clone git@github.com: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.
• Go to WeatherApi.com: rapidapi.com/weatherapi/api/weatherapi-com/.
• Click on "Pricing" -> "Basic" -> "Subscribe": /weatherapi-com/pricing.
• Go to your RapidApi Dashboard: /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.

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.

🔑 License:

• MIT License.