Inspiration

As students, we often struggle with fragmented learning tools. We envisioned StudySage-AI as a unified, AI-powered platform that makes personalized learning accessible, conversational, and insightful. Claude’s advanced natural language capabilities inspired us to build an assistant that feels like a real tutor—always there, always responsive.

## What it does

StudySage-AI is a web-based AI tutor that:

• Lets users ask academic questions in natural language.
• Provides instant, accurate answers powered by Anthropic's Claude API.
• Allows saving sessions for later review.
• Tracks learning topics and suggests improvements over time.

It integrates AI, databases, and web technologies to function as a truly responsive educational tool.

## How we built it

• Frontend: HTML, CSS, JavaScript, React.js
• Backend: Node.js, Express.js, Claude API
• Database: MongoDB Atlas
• AI Integration: Claude API for natural language understanding
• Hosting: Render for server, Netlify for frontend
• Version Control: GitHub

We used Claude to handle intelligent, context-aware responses, built secure REST endpoints for chat handling, and integrated persistent user storage in MongoDB.

## Challenges we ran into

• Connecting Claude’s API with a conversational UI flow.
• Ensuring real-time data syncing between frontend and backend.
• Deploying a scalable, live full-stack app within the hackathon timeframe.

## What we learned

• How to effectively integrate large language models (LLMs) into real-world web applications.
• Team collaboration and API orchestration under tight deadlines.
• Creating secure, modular code structures for full-stack deployment.

## Accomplishments that we're proud of

• Built a fully responsive AI tutor that works live.
• Real-time Claude integration that mimics natural conversation.
• Designed a scalable file/folder structure ready for future expansion.

## What's next for StudySage-AI

• Add voice-to-text and speech synthesis for more immersive learning.
• Extend subject tracking and weekly AI-generated learning paths.
• Launch it to real students as an open-source tool for collaborative learning.

Built With

• anthropic)
• api
• atlas
• backend
• claude
• express.js
• figma
• for
• frontend
• github
• hosting)
• javascript
• mongodb
• netlify
• node.js
• react.js
• render
• typescript
• ui