The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Updated Portfolio Project: Metra Weather App
Project Title: Metra – Modern Weather Web App
Live Demo: https://metra-pi.vercel.app/
📝 Project Description
Metra is a sleek, responsive weather application built with clean JavaScript, HTML5, and CSS3 — designed to deliver accurate, real‑time weather data in a simple, easy‑to‑use interface.
🛠 Built With
HTML5, CSS3, JavaScript
Fully responsive layout for desktop, tablet, and mobile
API integration for live weather data
Clean, modern dark‑mode UI
✨ Features
One‑tap Use My Current Location
Real‑time location, time, and temperature display
3‑Day Forecast (Today + next two days)
Hourly forecast view
Extra details: sunrise/sunset, humidity, wind speed, UV index, air quality, visibility, pressure
Metra AI Buddy is currently under active development and will be added soon.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Interactive football broadcast UI built in Rive using data binding and state-driven animation.
The system responds in real time to match data, including the clock, team selection, scores, goal events, player callouts, statistics and sponsor overlays. A separate control panel demonstrates how the broadcast package can be operated live during a match.
Social post:
https://x.com/X1_0_/status/2084746905293107387?s=20
Live interactive demo:
https://laliga-rive.vercel.app/
Rive project:
https://editor.rive.app/file/laliga/1642850
Original broadcast reference:
https://youtu.be/Cdtes6MRo8o?t=240
Amazing. Did you also bult that control panel?
Restaurant Website UI Design
This project is a modern and visually engaging restaurant landing page designed to attract customers and enhance their online dining experience. The design features a warm color palette, high-quality food imagery, bold typography, and a clean layout that highlights menu items, special offers, and call-to-action buttons such as "Order Now" and "Book a Table."
The user interface is crafted with usability and responsiveness in mind, ensuring easy navigation across different sections while creating an appetizing visual experience. By combining attractive food photography with strategic spacing and modern design principles, the layout effectively promotes the restaurant's brand and encourages customer engagement.
Tools Used: Figma
Design Focus: UI/UX Design, Visual Hierarchy, Responsive Web Layout, Food Branding, User Engagement.
Would like see it's mobile version. Great Work.
Spent the weekend cleaning out my camera roll. Somewhere in there I noticed something I'd swiped past a thousand times, that subtle parallax shift when you move between photos.
So I rebuilt it for the web.
- Spring physics, no animation library
- Rubber band effect at the edges
- Full keyboard navigation
- Screen reader support
Didn't want to just leave it as a demo. If you can't use a mouse, it still works. If you can't see it, it tells you what photo you're on.
Love that you didn't stop at making it look good. Accessibility is what makes it complete.