Inspiration

At our school, DECA is a very prominent club, and there are no online programs that can help students study for their roleplay events. That is why I decided to take the initiative and make this program, to hopefully help my peers and I study for DECA events in the future.

What it does

It uses OpenAI in order to do two things, to make the roleplay situation and to act as the judge for when the player talks to the AI assistant.

How we built it

Frontend: React 19 with TypeScript, built with Vite for fast development. Styling via Tailwind CSS, animations with Framer Motion, and browser-native Web Speech API for voice features. Backend: Node.js with Express.js for the API server. Database is SQLite (via better-sqlite3) for lightweight storage. Integrates OpenAI's GPT-4o for AI logic (scenario generation, grading, interruptions). Other Tools: JWT and bcrypt for authentication, dotenv for environment config, CORS for cross-origin requests. Languages: Primarily TypeScript (frontend) and JavaScript (backend).

Challenges we ran into

A Major challenge was getting the AI Judge to speak and respond to the player. However, after staying up till 2 in the morning, we did. I don't know how.

Accomplishments that we're proud of

Building the site. We are all fairly new developers.

What we learned

Utilize your freaking time better.

What's next for Persona

Making this a study guide throughout DECA.

Built With

Share this project:

Updates