Motiveio
A curated learning platform and course aggregator — 50+ courses from 30+ platforms organized into 12 structured career roadmaps. Browse, discover, and follow clear learning paths without signing up.
Problem & solution
Fragmented learning across platforms
Aspiring developers drown in scattered resources — courses on Coursera, tutorials on YouTube, articles on freeCodeCamp, documentation on MDN. There is no unified way to discover what to learn, in what order, and from which platform. Career roadmaps exist but are static documents that don't connect to actual courses. Students waste more time planning their learning than actually learning.
Unified course aggregation with guided roadmaps
Motiveio (motivation + I/O) aggregates 50+ courses from 30+ platforms into 12 structured career roadmaps with 145+ steps and 226+ curated resources. Each roadmap is organized into phases with typed steps — lessons, projects, quizzes, and certifications. Built with Next.js 16, Supabase (13 tables with RLS), Tailwind CSS v4, and Framer Motion for spring-based animations. Server-first architecture with repository pattern data access and 4-layer auth defense. No account required for browsing.
Tech stack
Key features
- Course Catalog — 50+ courses from edX, Coursera, freeCodeCamp, Udemy, Scrimba and more, with filtering by level, price, tags, and roadmap association.
- Career Roadmaps — 12 structured learning paths covering web development, DevOps, AI/ML, data science, cybersecurity, mobile, game dev, blockchain, and DSA.
- Step-by-Step Learning — Course content broken into typed steps (lessons, projects, quizzes, resources) with embedded YouTube videos and practice questions.
- No-Signup Browsing — All public content — courses, roadmaps, blogs, reviews — accessible without authentication.
- Admin Panel — Full CRUD for courses, steps, questions, resources, blogs, and reviews with moderation workflows and analytics dashboard.
- Community Content — User-submitted blog posts and reviews with a moderation approval flow.
- Framer Motion Animations — Spring-based hover effects, staggered reveals, and page transitions with zero layout shift.
Architecture
Motiveio follows a server-first component model with Next.js App Router. Client Components receive data as props and never fetch. The data layer uses a repository pattern (lib/data/*-repo.ts) that abstracts Supabase queries behind typed interfaces.
The database has 13 tables with Row-Level Security including courses, profiles, progress tracking, roadmaps, steps, resources, practice questions, tags, blogs, and reviews. Authentication uses a 4-layer defense — middleware, layout guard, action guard, and RLS — with three Supabase clients (Server anon, Browser anon, Admin service_role).
The type system spans three layers: DB row types, domain normalizers, and application types. With 226+ curated external URLs pointing to documentation, YouTube playlists, certification programs, and course platforms, the seed data alone represents weeks of manual curation across 30+ platforms.