Atmos: Real-Time Weather Dashboard with OpenWeather APIs

Atmos: Real-Time Weather Dashboard with OpenWeather APIsAtmos: Real-Time Weather Dashboard with OpenWeather APIs

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

Sabin Ghimire

• Oct 18

Atmos – a real-time weather dashboard built with Next.js and TypeScript. It combines 5 OpenWeather API endpoints (geocoding, current conditions, 5-day forecast, air pollution) into one responsive, glassmorphism UI with backgrounds that change with the weather and time of day, a sun tracker and air-quality insights. Live: https://cloudiqo.netlify.app

Completed work

Frontend Development Software Development Web Development React TypeScript Next.js

Piotr Jarkowski

pro

• Oct 16

Early concept for a fintech homepage.

Web Design UI Design Web Development Astro Figma Lovable

Mostafa Moamen

• Oct 18

This UI was really great nice job Piotr🔥🔥🔥

Felipe Waldeck

• Oct 16

An interaction study for Mare’s collection feed, exploring how to make groups legible within a dense, mixed-format archive.

The layout preserves image proportions and integrates collection labels into the packing system. On hover, image-derived gradients establish the collection boundary, while subtle displacement creates space around the active group without changing its position or scale.

The motion studies isolate assembly, packing, colour and proximity, using real collection content to examine timing, spatial continuity and hover behaviour.

Interaction Design Motion Design UI Design Figma React TypeScript

Wajiha Niazi

• Oct 16

As a front-end engineer at GitStart (YC S19), I built core features for AlaanPay, a payment platform from Alaan ($55M raised). I added full Arabic and English support, including right-to-left (RTL) layouts, and built real-time transaction features used by tens of thousands of users.

“Wajiha over-delivered; she wrote great code across both frontend and backend.” – Timothy Olunsaya

Tools: React, TypeScript, Next.js, GraphQL, PostgreSQL

Completed work

Frontend Development Next.js React TypeScript

Andrei Stalbe

• Oct 16

What needed the most care in the Arabic version—mirroring the layout, or keeping things like amounts and transaction references readable alongside Arabic text? I'd be curious which details were easiest to miss.