- ⚡️ 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.
You will need:
- Clone the repository:
git clone [email protected]:pheralb/weathr.git
- 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.
- Install dependencies:
npm install
- Run the app:
npm run dev
- 🥳 Ready! Open the browser and write localhost:3000.