Projects using Animate.cssProjects using Animate.cssMedalsNBongs.com (http://MedalsNBongs.com) is a platform dedicated to promoting and honoring U.S. Army heroes. The system collects public data from Wikipedia and creates detailed hero profiles, including biography, war participation, medals, and automatically calculated points based on medal value.
The platform is built with Next.js, running on a secure Linux VPS with domain hosting and HTTPS. API keys are safely stored on the server. The tech stack includes Next.js (frontend & backend API routes), database integration, authentication system, and role-based access control.
Users can sign up, sign in, and sign out securely. Admin and user pages are separated with managed privileges. Admins can add or remove medals and update hero descriptions. Title: Cognitome — Gamified Cognitive Assessment Platform
Description:
A web platform that delivers validated psychology experiments as playable browser tests, built for a research and assessment client based in Dubai.
It implements eight standard cognitive paradigms — Stroop, Numerical Stroop, Flanker, Corsi Block, Attentional Blink, the Attention Network Test, the Implicit Association Test, and the Wisconsin Card Sorting Task. Each one runs as a guided flow: instructions, a worked demo, a practice round, then the timed run, ending in a results breakdown. Every trial produces a metrics record, and effect scores are computed from those rather than from summary averages, so the output is analysable rather than just a number on a screen.
Administrators pick which experiments a participant should take, set an expiry, and the system generates an access-coded link. Participants open the link and begin — no account, no signup — and results are captured and stored on completion. That mattered because research participants abandon anything that asks them to register before they've seen the task.
The genuinely hard part was timing. These paradigms measure differences in reaction time that are often only tens of milliseconds wide, and a browser is a hostile environment for that — variable frame rates, input latency, background tab throttling. Getting stimulus presentation and response capture accurate enough for the effect sizes to mean anything drove most of the frontend architecture. Any of these tests is easy to build badly and the result looks identical until you check whether the numbers replicate known findings.
React 19 with Vite and Tailwind on the frontend, Node.js and MongoDB behind it for session generation, access control and result storage. Event Marketing Project
Project description.
This project involved developing the Splash website in Webflow with a focus on clean design, responsive layouts, and smooth user interactions. Splash is an event marketing platform that enables businesses to create engaging event experiences and manage registrations, attendee engagement, and event performance. The website was optimized for speed, SEO, and accessibility, using reusable components and a scalable structure to ensure a consistent, high-quality experience across desktop, tablet, and mobile devices.