MentorSpace

Inspiration

We wanted to transform traditional mentorship by making it fun and motivating using gamification, creating a more dynamic and easier learning for students .

What it does

The app is a gamified platform for students and mentors. Students earn XP, coins, and achievements, track goals, and have a shop to spend the earned coins for inapp cosmetics or others. Mentors manage students, create custom achievements (XP, coins, or manual assignation), and facilitate learning.

How we built it

Using React with TypeScript for the frontend, powered by Vite for fast development, and Tailwind CSS handled styling.

Challenges we ran into

Mostly implementing the gamification logic for XP, coins, and achievements to work in sync with the 2 profile types

Accomplishments that we're proud of

We built an engaging gamification system, the intuitive role-based experience for both students and mentors, and the dynamic social features like chat with gifting of coins. We also achieved a clean, responsive and intuitive, easy to use UI

What we learned

We learned the effectiveness state management with React Context, , and the efficiency of Tailwind CSS.

What's next for MentorSpace

we plan to prepare the app to a possibly real-case usage scenario, implement true real-time communication features, and develop native mobile applications that is easy to navigate and access.

Built With

• css
• react
• tailwind
• typescript
• vite