AFTERMIND

• 

  This is the first page that opens after login i.e the homepage and it shows the currents missions and basic details .

• 

  This page is the most important page because this is where people start sharing their thoughts and get solutions.

• 

  This page is the explore page where the user can find things to explore about whatever topic they wanna share it through this website.

• 

  This is the 2nd most important page which is the progress one where user can actually check on their daily progress helping them improve.

• 

  last but not the least is the history page where the user gets to view his/her past thoughts shared and the comeback they have made.

Inspiration

AfterMind was inspired by the emotional struggles many students and young people silently go through every day — overthinking, burnout, self-doubt, loneliness, and emotional exhaustion. Most productivity or journaling apps focus only on tasks and habits, but very few make people feel emotionally understood. We wanted to create something that feels less like a traditional app and more like a cinematic emotional journey where users feel like the main character of their own story.

What it does

AfterMind is an AI-powered emotional storytelling and self-growth platform. Users can share their thoughts, emotions, or struggles, and the app transforms them into immersive story-like experiences.

The AI generates:

emotional reflections story interpretations episode titles growth missions emotional progression arcs

Instead of simply giving advice, AfterMind makes emotional growth feel like a personal storyline, helping users feel understood, motivated, and emotionally connected.

How we built it

We built AfterMind using modern web technologies and AI tools.

Tech Stack:

React + Vite for frontend Tailwind CSS for UI styling Netlify for deployment AI-assisted development tools for rapid prototyping Firebase/OpenAI integration planning for authentication and intelligent responses

The app was designed with a dark cinematic aesthetic inspired by storytelling games, emotional journaling experiences, and immersive modern interfaces.

Challenges we ran into

One of our biggest challenges was making the AI feel emotionally human instead of robotic or generic. Most AI-generated responses sounded overly motivational or artificial, so we focused on improving the storytelling tone to make it feel more authentic and relatable.

We also faced deployment and hosting challenges while moving the project outside AI-builder platforms and setting up a clean independent deployment.

Another challenge was balancing emotional immersion with usability while keeping the interface simple and intuitive.

Accomplishments that we're proud of

We are proud of creating an emotionally unique concept instead of building a typical AI chatbot or productivity app.

Some achievements include:

building a fully deployed independent web app creating a cinematic and emotionally immersive UI designing a unique “story arc” based emotional progression system transforming overthinking and emotions into narrative experiences creating an app concept that emotionally resonates with Gen Z users

We are especially proud that AfterMind feels personal, relatable, and memorable.

What we learned

Through this project, we learned:

how to deploy and manage a real web application frontend development and UI structuring the importance of emotional UX design how AI responses influence user connection how storytelling can improve digital wellness experiences

We also learned that users connect more deeply with products that make them feel emotionally understood rather than simply productive.

What's next for AFTERMIND

What's next for AFTERMIND

Our future plans for AfterMind include:

Google authentication and personalized accounts AI memory and emotional continuity dynamic story arcs and progression tracking personalized emotional insights voice-based journaling ambient immersive modes mobile app launch community-driven emotional storytelling features

We want AfterMind to evolve into a platform that helps people feel seen, understood, and emotionally connected through storytelling and AI-powered reflection

Built With

• database
• firebase
• github
• javascript
• netlify
• openai
• react.js
• tailwind
• uiux
• vite