An AI-powered learning platform built using modern technologies for speed, scalability, and great user experience. Tech stack includes Next.js, TailwindCSS, TypeScript, Supabase, Clerk, react-hook-form, Zod, Vapi, and ShadCN UI. The UI is fully responsive with smooth animations for an engaging learning experience.
AI-Powered Learning: Smart and interactive lessons powered by AI.
Responsive UI: Works seamlessly on desktop, tablet, and mobile devices.
Authentication: Secure login/signup using Clerk.
Subscription: using Clerk & Stripe.
Data Storage: Powered by Supabase for scalability and speed.
Form Handling: Robust form validation using react-hook-form and Zod.
Modern UI Components: Built with ShadCN UI.
Smooth Animations for better user experience.
-
Next.js – React framework for server-side rendering & routing
-
TailwindCSS – Utility-first CSS framework
-
TypeScript – Static typing for JavaScript
-
Supabase – Open-source backend as a service
-
Clerk – Authentication, user management and Subscription
-
react-hook-form – Easy form handling
-
Zod – Type-safe schema validation
-
Vapi – AI voice and assistant integration
-
ShadCN UI – Accessible and modern UI components
1. Clone the repository
git clone https://github.com/lachimolala2628/learnova.git2. Install dependencies
npm install3. Set up environment variables
Create a .env.local file in the root directory and add:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secert_key
NEXT_PUBLIC_CLERK_SIGN_IN_URL=your_clerk_sign_in_url
NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL=your_clerk_sign_up_fallback_redirect_url
NEXT_PUBLIC_SUPABASE_URL=your_supabase_key
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
NEXT_PUBLIC_VAPI_WEB_TOKEN=your_vapi_web_token_key4. Run the development server
npm run devAyush Kumar Creative Frontend Developer passionate about turning complex ideas into clean, responsive, and user-friendly web experiences.