Skip to content

Weather App (APIs • Async Logic • Real-World Data) This is where you stop building “toy apps” and start working with real external data.

Notifications You must be signed in to change notification settings

modesignedit/cloud-companion

Repository files navigation

Project info

🌦️ Cloud Companion – Weather App

A modern weather application that fetches real-time weather data from a public API, helping users check the weather for any city. Built to demonstrate API integration, async logic, and responsive design.

🚀 Features

🔎 Search for weather by city name

🌡️ Display temperature in Celsius and Fahrenheit

☁️ Show weather condition and location

⏳ Loading states while fetching data

❌ Error handling for invalid city names

📱 Fully responsive design for mobile and desktop

🎨 Clean UI with weather-based icons and smooth transitions

🧠 What I Learned

Fetching and working with public APIs

Using async/await for asynchronous requests

Handling loading and error states

Updating the UI dynamically based on API response

Responsive design and user experience best practices

🛠️ Built With

Lovable.dev

JavaScript

HTML & CSS

📸 Screenshots

Add screenshots or GIFs here showing:

City search

Weather display

Error state handling

🔗 Live Demo

👉 Add your deployed app link here

📂 How It Works

User enters a city name in the search input.

App fetches weather data from a public API using async/await.

Weather details (temperature, condition, location) are displayed.

If the city is invalid, an error message appears.

Celsius/Fahrenheit toggle allows users to switch units.

🌱 Future Improvements

Dynamic backgrounds for different weather conditions

Hourly and weekly forecast views

Location-based automatic weather detection

Integration with backend for user preferences

👨‍💻 Author

Moses Orji Vibe Coder | Building modern web apps with AI-assisted tools

LinkedIn: https://ng.linkedin.com/in/moses-orji-5553a8a9

GitHub: https://github.com/modesignedit

About

Weather App (APIs • Async Logic • Real-World Data) This is where you stop building “toy apps” and start working with real external data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages