Edu Connect

• 

  Logo

Inspiration

The inspiration for EduConnect came from observing the everyday challenges in traditional student–teacher communication. Students often struggle to access study materials, track assignments, and get timely guidance, while faculty face difficulties managing multiple courses, sections, and student interactions efficiently.

With the rise of AI and digital learning tools, we wanted to build a single unified platform that simplifies academic management and enhances learning using AI-powered assistance, real-time communication, and organized collaboration. EduConnect aims to bridge the gap between students and faculty by making education more interactive, accessible, and intelligent.

What it does

EduConnect is an AI-powered student–teacher management platform designed to streamline academic workflows for both students and faculty.

Students can: Access an AI learning assistant with voice commands View and submit assignments with deadline countdowns Browse faculty-shared files using an organized file explorer Check scheduled meetings and academic updates Receive personalized study materials and notifications

Faculty can: Use AI assistance for teaching and content generation Manage students across multiple courses and sections Create and distribute assignments Organize course files with full CRUD file management Schedule meetings and send bulk announcements

How we built it

EduConnect was built as a modern web application using the following approach:

Frontend: React 19 with Vite for fast development and optimized builds UI/UX: Custom CSS with glassmorphism design, smooth animations, and responsive layouts AI Integration: Google Gemini AI for intelligent tutoring, content assistance, and voice-enabled interaction State Management: React Hooks and Context API Authentication (Prototype): localStorage-based auth with OTP verification simulation Utilities: Axios for API calls, date-fns for date handling, Web Speech API for voice commands

Challenges we ran into

Integrating AI responses with real-time UI updates while maintaining performance *Designing separate but consistent dashboards for students and faculty *Managing complex signup flows with OTP verification and cascading location dropdowns *Handling file storage and profile pictures using localStorage limitations *Ensuring responsive design across mobile, tablet, and desktop screens *Debugging React issues such as duplicate hooks and form validation edge cases

Accomplishments that we're proud of

Successfully integrated Google Gemini AI with voice command support Built a fully functional student and faculty dashboard Implemented assignment tracking with real-time countdown timers Developed a file explorer with folder navigation and CRUD operations Created a clean, modern UI with glassmorphism design Designed a scalable project structure ready for backend integration Completed an end-to-end academic workflow in a short development time

What we learned

Practical integration of AI into real-world educational use cases Designing role-based user experiences in React Handling complex forms and validations effectively Importance of clean architecture and modular components Trade-offs between prototype implementations and production-ready systems How AI can significantly improve both teaching efficiency and student learning

What's next for Edu Connect

Backend integration using Node.js, Express, and MongoDB Secure authentication with JWT and password hashing Real-time features using Socket.io for live messaging and notifications Cloud storage for files and profile images Video conferencing and attendance tracking Advanced AI features like automated grading and personalized learning paths Mobile app development using React Native

Built With

• axios
• css
• date-fns
• filesystem
• gemini
• hooks
• javascript
• localstorage
• react
• react-router
• vite
• webspeech