Projects using CSS in JaipurProjects using CSS in JaipurTitle: 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. A comprehensive monitoring dashboard for smart indoor gardens. Designed to transform raw sensor data into actionable plant care insights through clean visualization and intuitive interaction patterns. Features real-time environmental tracking (humidity, temperature, light index), automated care scheduling with intelligent watering and nutrient alerts, and AI-powered plant health diagnostics using image recognition. Built with React, TypeScript, Recharts, Tailwind CSS, and Framer Motion. Fully responsive with dark-mode-first design and accessible focus states.
Tech Stack: React, TypeScript, Recharts, Tailwind CSS, Framer Motion
Role: UI/UX Designer & Frontend Developer
Skills: Dashboard Design, Data Visualization, IoT Interfaces, Dark Mode UI