Skip to content

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

 
 
 

Contributors

Languages