Edufin Navigator

• 

  Dashboard

• 

  Logo

• 

  Content

Inspiration

We wanted to create a platform that empowers students to manage their studies, notes, and learning resources efficiently, leveraging modern technology and AI to make education more accessible and engaging.

What it does

Edufin Navigator is an EdTech SaaS app that allows students to organize subjects, take and manage notes, and receive AI-powered study recommendations and note summaries. It integrates with Supabase for real-time data and authentication, and features a modern, responsive UI.

How we built it

We used Vite, React, and TypeScript for the frontend, styled with Tailwind CSS and shadcn/ui. Supabase provides authentication and database services. The app is deployed as a static site on GitHub Pages, with SPA routing handled via HashRouter and a custom 404.html fallback script. AI features are powered by OpenAI APIs.

Challenges we ran into

Handling SPA routing and deep-linking on GitHub Pages Integrating real-time Supabase data with React state Ensuring a seamless, modern UI/UX across devices Implementing secure authentication and data access

Accomplishments that we're proud of

Fully functional CRUD for subjects and notes with real Supabase backend AI-powered note summarization and study recommendations Robust SPA deployment on GitHub Pages with no reload errors Clean, modern, and accessible UI

What we learned

Best practices for deploying SPAs on static hosts Integrating Supabase with React for real-time apps Leveraging AI APIs for educational features Importance of user experience in EdTech

What's next for Edufin Navigator

Add collaborative study features (shared notes, group subjects) Expand AI capabilities (personalized study plans, quiz generation) Mobile app version More integrations with educational tools and platforms

Built With

• eslint
• github
• hashrouter
• javascript
• openai
• postcss
• postgresql
• react
• reactrouter
• shadcn
• supabase
• tailwind
• typescript
• vercel
• vite