MindMate is a mental-health support web app built as a final-year project. It gives you a calm place to look after your mind, whenever you need it.
Daily check-ins: log how you feel in seconds and see your mood trends over time.
AI companion: talk things through with a supportive AI. Every message is checked for signs of crisis first. If you might be in danger, you get crisis support straight away instead of an AI reply.
Evidence-based tools: guided breathing, mindfulness, sleep tracking, movement goals, staying connected with people, and small activity plans that lift your mood (behavioural activation).
Crisis resources: helplines for your country, always one tap away under "Get help now".
Private by design: your data goes through a secure server and is never sold. You can download or delete everything at any time.
MindMate is a wellbeing companion, not a medical service, and it doesn't replace professional care.
Built with React, Node.js/Express, Firebase and Google Gemini.
So excited to see Creative Intelligence 2026 by @Contra Labs out in the world!
At @Heed Collective , we had the pleasure of designing both the website and the report. We’re incredibly grateful for this collaboration!
Our creative exploration started with a question:
What does Creative Intelligence mean today?
We believe it lives at the intersection of creativity and analysis, imagination and insight.
We translated this into a visual story that begins in space — vast, dreamy, full of possibility — and gradually moves closer to Earth, grounding imagination in something tangible and human.
Huge congrats to the whole team, @Erin Horner, @Ben Huffman, @Mark Vassilevskiy, @Alex Karpodinis, @Stacy · Heed Collective, @Heed Collective , and the entire @Contra Labs team 👏
A procedural shaded-relief cartographer's table; export the map as PNG.
I built this project to test A procedural shaded-relief cartographer's table; export the map as PNG. The core engineering challenge was sustaining uncompromised 60 FPS rendering using Canvas2D while handling continuous user interaction without framework overhead.
WHAT I WAS TESTING:
I focused on two core engineering benchmarks:
Real-time topographic contour line extraction using Marching Squares
Mountain ridge carving and hydrographic river basin generation
THE TECHNICAL SIDE:
Combines domain-warped fractional brownian motion (fBm) with Marching Squares contour generation. Renders vintage parchment styled topographic maps with seeded coordinates.
Everything executes in the browser using Canvas2D, Procedural Cartography, Contour Line Marching Squares. No third-party frameworks, no heavy runtime bundles, and zero external tracking.
WHAT I LEARNED:
Contour line marching squares often generated disconnected micro-segments. Stitching adjacent line segments into continuous polyline paths allowed smooth canvas stroke rendering.
Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware.
TRY IT YOURSELF:
The live build is deployed on Netlify. Open it in your browser, test the controls, and observe the render response times.
If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.
I’m Arooj, a full-stack developer building responsive websites and web applications. My portfolio brings together projects like SafeSocial, Aurelia, and GymFlow, with a dark theme, soft pink accents, and interactive animations.