MindCraft

Sample output of our project (ai_tutor) MindCraft

Inspiration

The idea for MindCraft came from the need to make learning more interactive, accessible, and personalized. Many students struggle to find reliable study help and often face difficulty staying engaged. We wanted to create a platform that combines AI assistance with self-assessment tools to help learners stay motivated and improve their understanding.

What it does

MindCraft is an AI-powered adaptive learning platform that helps students learn more effectively. It offers a secure signup and login system, an AI chat assistant for answering questions, and an AI-powered quiz generator for instant practice. While quizzes are accessible to everyone, certain features like AI chat are only available to logged-in users for a personalized learning experience.

How we built it

We built MindCraft using React with Vite for a fast and efficient frontend, styled with Tailwind CSS for a clean and responsive design. Navigation and route protection were handled with React Router. We integrated conditional rendering and authentication checks to control feature access. The design was kept modern and user-friendly to ensure an engaging experience across devices.

Challenges we ran into

We faced issues with Tailwind CSS setup in Vite, which caused styling not to load properly. There were also challenges in implementing proper route protection to ensure only logged-in users could access the chat feature. Additionally, aligning the UI components consistently across all pages required multiple iterations.

Accomplishments that we're proud of

We are proud of successfully creating a clean and responsive interface, integrating authentication-based navigation, and designing a user flow that is both secure and intuitive. Overcoming the Tailwind CSS integration issue was a key achievement, as it allowed us to deliver the polished look we envisioned.

What we learned

We learned how to configure Tailwind CSS properly with Vite, implement route protection in React Router, and design conditional feature access based on authentication. We also improved our ability to create consistent, reusable components and maintain clean project structure for scalability.

What's next for MindCraft

We plan to integrate real AI APIs for the chat and quiz features, store user progress in a backend database, and implement multilingual support for a wider audience. We also aim to enhance quiz generation with difficulty levels, timed challenges, and performance analytics for personalized learning paths.