AccessEdu

What it does

AccessEdu adapts educational content to fit four different learning needs:

• Vision impaired — upload a diagram or textbook image, get a detailed AI description designed for screen readers
• Hearing impaired — record lecture audio, get real-time captions + a structured summary
• Dyslexia — paste any text, get it reformatted with OpenDyslexic font, wider line spacing, and softer background overlays
• ADHD — paste a long reading, get back the key points as bullets with the critical terms highlighted

## How I built it

Next.js 14 App Router for the frontend, Tailwind for styling, GPT-4o for the vision and text processing, and the Web Speech API for browser-native audio capture. Tried to keep the stack lean — no database, no auth, just the features that matter.

Spent a lot of time on the WCAG compliance side. Keyboard navigation, ARIA labels, contrast ratios, touch target sizes. Ran it through screen reader testing manually.

Built With

• next.js
• openai-api-(gpt-4o)
• opendyslexic
• shadcn/ui
• tailwind-css
• typescript
• web-speech-api