stroop-test-app

Stroop test: An interactive cognitive test built with Next.js & AWS

Comment

Inspiration

The Stroop Test, a fundamental psychological experiment, inspired me to create a modern, accessible version that leverages cloud technology. I wanted to bring this classic cognitive test into the digital age, making it available to researchers, students, and curious minds worldwide. The test's simplicity yet profound implications for understanding human cognition made it an ideal candidate for a full-stack web application.

What it does

My application is a comprehensive digital implementation of the Stroop Test that:

  • Provides a practice round with neutral (black) text to familiarize users
  • Delivers the classic color-word interference test
  • Measures and analyzes response times with precision
  • Supports multiple languages (English, Chinese, Hindi, French)
  • Includes background music options to study environmental factors
  • Stores and analyzes user performance data
  • Offers detailed statistical analysis of results

How I built it

I developed the application using a modern tech stack:

  • Frontend: Next.js for a responsive, fast user interface
  • Backend: AWS Amplify for serverless architecture
  • Authentication: Amazon Cognito for secure user management
  • Database: DynamoDB for scalable data storage
  • API: AWS AppSync with GraphQL for efficient data operations
  • CI/CD: Automated deployment through AWS Amplify Console

The architecture follows a serverless model, ensuring scalability and maintainability while keeping operational costs low.

Challenges I ran into

  1. Implementing precise timing mechanisms for response measurement
  2. Ensuring consistent color rendering across different devices and browsers
  3. Managing state across multiple test phases while maintaining data integrity
  4. Building a robust internationalization system that works with multiple languages

Accomplishments that I'm proud of

  • Created a fully serverless architecture that scales automatically
  • Implemented a comprehensive CI/CD pipeline for reliable deployments
  • Developed a multi-language support system
  • Built a precise timing system for accurate response measurements
  • Designed an intuitive user interface that makes the test accessible to all users
  • Successfully integrated real-time data persistence with GraphQL

What I learned

  • Advanced Next.js development patterns
  • AWS Amplify best practices and configuration
  • GraphQL API design and implementation
  • Authentication flows and security best practices
  • Cross-browser compatibility considerations
  • Performance optimization techniques
  • The importance of user experience in psychological testing tools

What's next for stroop-test-app

  • Advanced statistical analysis tools
  • Machine learning integration for pattern recognition
  • Customizable data visualization options
  • More language options
Share this project:

Updates