Edustory

• 

  Search Page

• 

  Explanation as Story

• 

  Welcome page

Inspiration

Our team recognized many learners' challenges with understanding complex topics. Today's educational platforms often lacked efficiency and easy understanding, we found. It was our intention that we build a tool for learning of high efficiency, and it combined explanations driven by AI with storytelling that was engaging and examples that were practical, so learning could be accessible and also enjoyable for one and all. We envisioned a platform by learners. Difficult concepts could be effortlessly grasped through AI-generated narratives coupled with real-world scenarios on that platform. We plan to integrate AI-generated explanatory videos in the future so additionally improve the learning experience that is inspired by Google's Vertex AI Gemini Video's advanced capabilities.

What it does

Currently, Edustory focuses upon computer science topics, so that focus gives a solid basis to broadly grow education. Clear, practical examples plus engaging stories result when Edustory uses advanced AI technologies for complex topic transformations. Users type their query simply. Edustory will then retrieve plus generate content with ease that is understandable with context. This becomes a great resource for students wanting fast, clear perceptions into difficult topics, greatly increasing understanding and ease of use.

How we built it

Developed using React.js, this guarantees an interface that is easy and interesting. Visually appealing with responsive components leveraged Material-UI (MUI). Python was built so that it can handle efficient data processing, embedding, and also content generation (FastAPI). For strong data storage, MongoDB Atlas was integrated. It also has provided indexing and also semantic search capabilities. Embedding and generative AI from Google Cloud Vertex AI powered are rich with examples and with explanations. User interaction is easy because an intuitive UI was designed. Backend APIs for relevant content retrieval as well as semantic embedding were developed. Advanced integrated MongoDB search functionalities exist. The frontend was connected to the backend then. Reliable REST APIs made this connection easy. Thorough testing was conducted with performance optimization.

Challenges we ran into

Integration Complexity: It manages secure credentials along with integration of multiple cloud services smoothly. Frontend-Backend Communication handles interactions among React as well as FastAPI. It handles CORS especially with API responses that are asynchronous. For Performance Optimization: Embedding and search operations are optimized based upon resource limitations. Functionality must be consistent locally and to the cloud during Deployment Issues. Able to deploy in frontend not the backend with free tiers.

Accomplishments that we're proud of

Successfully integrated diverse, advanced technologies including React.js, FastAPI, MongoDB, Vertex AI smoothly. Embedding and search performance were efficient, and this improved the user experience for them. Important technological combination difficulties got solved. The result turned out to be a strong interactive learning platform as well. A platform for simplifying complex learning tasks was developed.

What we learned

Participating within this prestigious Google hackathon meant that we greatly improved on our skills in: Efficiently integrating backend technologies and frontend. Clear as well as effective API structures should be designed. Also, structures should be implemented. Advanced cloud technologies using generative AI embedding. Collaboration is often effective within a more agile iterative development environment.

What's next for Edustory

Edustory currently has support for computer science topics. Our expansion efforts target diverse subjects. We plan for the integration of Google Vertex AI's Gemini Video features, and these features will offer AI-generated explanatory videos for the further improvement of user engagement and user understanding. Our goal ultimately is to become a thorough, universally accessible educational platform because it will transform the learning experience globally.

Built With

• agile
• atlas
• development
• gcp
• google-cloud-storage-apis:-custom-rest-apis-for-frontend-backend-communication-other-technologies:-semantic-search
• mongodb
• python-(fastapi)-frontend-framework:-react.js-with-material-ui-(mui)-backend-framework:-fastapi-(python)-database:-mongodb-atlas-cloud-services:-google-cloud-vertex-ai-(for-embeddings-and-generative-ai)
• react.js
• vector-embeddings
• vertexapi