Giter Club home page Giter Club logo

beta-bigfive-test-mindpulse-150's Introduction

                  \         |        /
                   \        |       /
                    \       |      /
              [ MindPulse-150(Application) ]
                    /       |       \
                  /         |        \
   [Personality Test] [Data Analysis] [User Persona]

Personality Test Application

Personality-Test-App
├── public/
│ └── index.html # Main HTML file
│ ├── data/
│ │ ├── archetype-crystal1.png
│ │ ├── archetype-crystal2.png
│ │ ├── archetype-crystal3.png
│ │ ├── archetype-crystal4.png
│ │ ├── archetype-crystal5.png
│ │ ├── archetype-crystal6.png
│ │ ├── archetype-crystal7.png
│ │ ├── archetype-crystal8.png
│ │ ├── archetype-crystal9.png
│ │ ├── archetype-crystal10.png
│ │ ├── archetype-crystal11.png
│ │ └── archetype-crystal12.png
├── src/
│ ├── components/
│ │ ├── PersonalityTest.js # Main component for handling personality test logic
│ │ └── QuestionComponent.js # Component to render individual questions
│ ├── services/
│ │ └── APIService.js # (Optional) Service for API calls
│ ├── App.js # Main React component
│ ├── App.css # Styles for the application
│ └── index.js # Entry point for React application
├── .env
├── .gitignore # List of files to be ignored by git
├── README.md # Documentation and instructions
├── package.json # NPM package configuration
└── node_modules/ # Node modules (dependencies)
└── (various modules)

Personality Test Application

This repository contains a React-based web application designed to conduct a personality test based on the Big Five personality traits model. The application dynamically fetches questions associated with each of the five traits - Openness, Conscientiousness, Extraversion, Agreeableness, and Neuroticism - from a local API and tallies responses to present a final score.

Features

  • Dynamic Question Loading: Questions for each personality trait are loaded dynamically from a local API.
  • Trait Description: Each set of questions is preceded by a description of the corresponding personality trait.
  • Responsive Design: The UI is responsive and user-friendly, making it accessible on various devices.
  • Reverse Scoring: Certain questions are reverse scored based on the isReverseScored property in the API response.
  • Progressive Questionnaire: Users navigate through the questionnaire trait by trait, with progress indication.

Future Enhancements

Normalized Scoring

We plan to add normalization of scores against a larger reference group in the future. This would allow users to see how their scores compare to a broader population. The implementation would involve:

  1. Sourcing normative dataset
  2. Adjusting scoring algorithm
  3. Updating result interpretation
  4. Improving UI/UX
  5. Testing and validating
  6. Addressing legal and ethical considerations

Adding this feature would increase accuracy and provide better context for understanding results.

Installation and Setup

  1. Clone the Repository
  2. Install Dependencies
  3. Run the Application
  4. API Setup: Ensure the local API server is running at http://localhost:3000/bigFive/. The application expects the API to return data in a specific format.

API Response Format

The application expects the API to return an array of objects, each representing a personality trait with its description and associated questions. For example:

[
  {
    "trait": "Openness",
    "description": "A measure of one's appreciation for art, emotion, adventure, unusual ideas, imagination, curiosity, and variety of experience.",
    "questions": [
      {
        "text": "I have a rich vocabulary.",
        "isReverseScored": false
      }
      // More questions...
    ]
  }
  // Other traits...
]

beta-bigfive-test-mindpulse-150's People

Contributors

jrq3rq avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.