Master Data Structures & Algorithms through conversational AI, interactive visualizations, and real-time code evaluation
Structo transforms DSA education through AI-powered tutoring with:
- 💬 Conversational AI Tutor - Instant explanations and code examples
- 🎨 Live Visualizations - Algorithm animations in real-time
- 💻 70+ Practice Problems - AI code evaluation across 4 languages
- 🎯 Progress Tracking - Bookmarks and solution history
- 🧪 Dynamic Quizzes - Auto-generated MCQs with explanations
- AI-Powered Learning: Natural conversations, voice mode, thinking mode for complex topics
- Multi-Language Support: Python, Java, C++, C
- Real-Time Feedback: Instant code evaluation and smart hints
- Interactive Visualizations: Arrays, Linked Lists with 60fps animations
- Practice Environment: 70+ problems across Easy/Medium/Hard difficulties
Frontend: React 19 + TypeScript + Vite + Framer Motion
AI: Google Gemini (Flash, Pro, TTS models)
Styling: Vanilla CSS with glassmorphism & dark theme
# Clone and install
git clone https://github.com/tech-akash010/Structo.git
cd Structo
npm install
# Setup environment
echo "GEMINI_API_KEY=your_api_key_here" > .env.local
# Run development server
npm run devPrerequisites: Node.js v18+, Gemini API Key
- Select a topic from the sidebar
- Chat with AI for explanations
- Practice problems with real-time feedback
- Track progress and bookmark topics
Vercel
npm i -g vercel
vercelNetlify: Connect repo, build with npm run build (dist), add GEMINI_API_KEY
GitHub Pages
npm i -g gh-pages
npm run build
gh-pages -d diststructo/
├── App.tsx # Main application
├── components/
│ ├── ProblemSolver.tsx # Code editor + AI hints
│ ├── ArrayVisualizer.tsx # Visualizations
│ └── ...
├── services/
│ └── geminiService.ts # AI integration
└── data/
└── practiceProblems.ts # 70+ problems
v1.5: Tree/Graph visualizations, execution timer
v2.0: Spaced repetition, study groups, achievements
v3.0: Voice conversations, mobile apps, interview simulator
MIT License - Free to use, modify, and distribute.
