🌦️ Climather

Climather is a small web application that uses the Free WeatherAPI to display the weather for your current city or any city you search for.

📌 Application Details and Technologies

• 🌍 Uses Free WeatherAPI
• 🎨 Styled with HTML, CSS, JavaScript, and Bootstrap v5.3.3
• ⚙️ Handlebars for templating
• 🚀 Node.js and Express for the backend
• 🎵 Bootstrap Icons for UI elements
• ✨ Particles.js for background effects
• 🗺️ Leaflet for map integration

🌟 Features

• 📌 Displays the current weather in a stylish widget
• 📅 Provides a 3-day weather forecast (limited due to the Free WeatherAPI plan)
• ⏳ Shows hourly weather details

🎯 Project Purpose

The goal of this project is to learn how to implement an external API.

🚀 Setup

1. Clone the repository:

   git clone https://github.com/isabel5200/climather.git

2. Navigate to the project folder:

   cd climather

3. Install dependencies:

   npm install

4. Create a .env file in the root directory and add your API key:

   API_KEY=your_api_key_here

5. Start the development server:

   npm run dev

⚠️ Note

This project is for learning and portfolio purposes only.

---

Made with ❤️ by Isabel Lovera