The Butterfly Effect Personality Visualisation
Unmute
Project Description
The Butterfly Effect is an interactive personality and decision-making web application based on the psychological and scientific concept of the Butterfly Effect — the idea that small actions and decisions can create major long-term consequences.
The app allows users to explore how everyday choices related to education, careers, relationships, morality, and personal goals gradually shape an individual’s personality and future identity. Through a series of crossroads and scenario-based questions, users make decisions that influence their psychological profile and lead them toward different personality archetypes such as The Analyst, The Empath, The Visionary, and The Rebel.
The application includes multiple modes:
Solo Mode, where users independently experience decision-based personality evolution,
Duo Mode, where two users compare their responses and personalities,
and Custom Mode, which allows users to personalize decision paths and outcomes.
The project was developed using web technologies including basic JavaScript, CSS styling, and online development tools like [Replit](https://replit.com?utm_source=chatgpt.com). During development, the team experimented with different coding approaches, including attempts at Java-based logic systems, while also using AI-assisted tools to improve design, debugging, and workflow efficiency.
The project combines psychology, technology, and creativity to create an engaging simulation of how repeated small decisions can influence confidence, emotions, ambition, relationships, and overall personality development. Beyond technical skills, the project also helped improve brainstorming, teamwork, problem-solving, and user experience design.
Overall, The Butterfly Effect demonstrates how technology can be used to explore human behavior in an interactive and meaningful way.
The Butterfly Effect is an interactive personality and decision-making web application based on the psychological and scientific concept of the Butterfly Effect — the idea that small actions and decisions can create major long-term consequences.
The app allows users to explore how everyday choices related to education, careers, relationships, morality, and personal goals gradually shape an individual’s personality and future identity. Through a series of crossroads and scenario-based questions, users make decisions that influence their psychological profile and lead them toward different personality archetypes such as The Analyst, The Empath, The Visionary, and The Rebel.
The application includes multiple modes:
Solo Mode, where users independently experience decision-based personality evolution,
Duo Mode, where two users compare their responses and personalities,
and Custom Mode, which allows users to personalize decision paths and outcomes.
The project was developed using web technologies including basic JavaScript, CSS styling, and online development tools like [Replit](https://replit.com?utm_source=chatgpt.com). During development, the team experimented with different coding approaches, including attempts at Java-based logic systems, while also using AI-assisted tools to improve design, debugging, and workflow efficiency.
The project combines psychology, technology, and creativity to create an engaging simulation of how repeated small decisions can influence confidence, emotions, ambition, relationships, and overall personality development. Beyond technical skills, the project also helped improve brainstorming, teamwork, problem-solving, and user experience design.
Overall, The Butterfly Effect demonstrates how technology can be used to explore human behavior in an interactive and meaningful way.
How much experience does your group have? Does the project use anything (art, music, starter kits) you didn't create?
None. This is our first time creating a coding project. It does not.
What challenges did you encounter?
Challenges We Faced
During the project, we faced several challenges as a team. One of the biggest difficulties was deciding the direction of the app, since everyone had different ideas about the design, personality system, and features. We also struggled to turn our ideas into actual code, especially while experimenting with JavaScript and other approaches.
Since we were still learning, we encountered coding issues such as broken layouts, logic errors, and CSS styling problems. Managing time, combining everyone’s work, and maintaining communication within the team was also challenging.
We used tools like [Replit] and AI assistance to help debug problems, improve designs, create factors, and speed up development. Despite the difficulties, these challenges helped us improve our teamwork, creativity, and technical skills.
During the project, we faced several challenges as a team. One of the biggest difficulties was deciding the direction of the app, since everyone had different ideas about the design, personality system, and features. We also struggled to turn our ideas into actual code, especially while experimenting with JavaScript and other approaches.
Since we were still learning, we encountered coding issues such as broken layouts, logic errors, and CSS styling problems. Managing time, combining everyone’s work, and maintaining communication within the team was also challenging.
We used tools like [Replit] and AI assistance to help debug problems, improve designs, create factors, and speed up development. Despite the difficulties, these challenges helped us improve our teamwork, creativity, and technical skills.
Made with 💖 by robots running our open-source software and GraphQL APIs.