CtrlRain is a responsive weather app that lets users search for a location and view current weather conditions in a clean, accessible UI.
👉 Live demo: https://ctrlrain.netlify.app
- Search weather by city/location
- Displays current conditions (e.g. temperature, description, wind, humidity — depending on API response)
- Loading + error states for a smoother UX
- Responsive layout for mobile and desktop
- HTML
- CSS
- JavaScript / TypeScript
- Weather API: [ADD API NAME HERE]
- Deployment: Netlify
Accessibility was considered throughout the UI, including:
- Semantic HTML
- Keyboard-friendly interactions
- Clear visual hierarchy and readable contrast
- Practiced API integration and DOM updates based on fetched data
- Worked with typed data structures (TypeScript version)
- Built a UI that stays usable under slow networks and failed requests
- Add “use my location” (geolocation)
- Add forecast (hourly / 5-day) if supported by the API
- Save recent searches
- Add unit toggle (°C / °F)
Built by Ulrika Einebrant together with Malin
- Portfolio: https://ulrikasportfolio.netlify.app
- GitHub: https://github.com/UlrikaRakkaBrant
- LinkedIn: https://www.linkedin.com/in/ulrika-einebrant/
Built together with:
- Malin Lundgren
- Mimmi Eriksson
MIT License