Tiempo

Tiempo is a weather app submission for the RapidAPI Hackathon hosted by MiduDev. The weather data is retrieved from RapidAPI using the WeatherAPI's current, forecast and search/autocomplete endpoints.

🦾 Technologies

• Svelte
• SvelteKit
• Tailwind CSS
• Leaflet
• TypeScript
• Playwright
• Vercel
• RapidAPI

🛠️ Features

• Responsive Design
• See current weather and forecast in your city
• Get current weather and forecast of any city
• See a map with temperature near your location

🚀 Installation

Download the repository, open the folder and install the dependencies:

git clone https://github.com/buhodev/tiempo.git
cd weather-app
npm install # or pnpm install

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev --open

📢 If you're using Visual Studio Code, install the official extension Svelte for VS Code.

⚙️ Environment Variables

Create an .env file in the root project directory based on the .env.example file and provide the following values:

VITE_RAPIDAPI_HOST=
VITE_RAPIDAPI_KEY=

📢 You can get your keys on RapidApi

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check the issues page.

✨ Credits

This app was inspired by the design of Hakim Haiman. You can find the design on dribbble

The favicon is a slightly modified version from Weather Icons 1.1 on Figma by Samrat Chowdhury

The scenic illustrations are by Pixel True

The Weather Icon Pack is by Kmg Design

License

MIT