A 4-week async course for teachers transitioning to edtech
4
Weeks
20
Lessons
1
Deployed App
$0
Free to join
Full curriculum
Goal: By end of week, student will have a working first Next.js page that explains their tutoring app idea and uses basic HTML, CSS, and JavaScript concepts.
Translate familiar teaching ideas into web terms by learning what browsers do, how pages are delivered, and why HTML is the starting point for every app.
A one-page outline of the sections and content for an AI tutor homepage.
Build confidence with the core tags and styling rules that make a page clear, organized, and friendly for students and families.
A static mockup of the tutoring app homepage with readable layout and styling.
Learn just enough JavaScript to understand variables, functions, and events so your page can respond when a learner clicks or types.
A basic interactive element that changes page content when the user clicks a button.
See how Next.js organizes files for you, why it is helpful for modern web apps, and how it lets you build step by step without managing everything from scratch.
A personalized Next.js starter page with updated copy and clear notes on what each core file does.
Pull the week's ideas together by building a simple first page in Next.js that communicates who the app helps, what it teaches, and why it matters.
A working first Next.js page for an AI tutoring app concept.
Build a polished homepage for an AI tutoring app concept that introduces the learner audience, subject focus, and core learning promise.
Goal: By end of week, student will have a small multi-page tutoring app that uses reusable React components, props, and routing.
Break a page into smaller teaching-friendly building blocks so your app becomes easier to edit, reuse, and expand over time.
A homepage refactored into reusable React components.
Pass information into components the same way teachers adapt a lesson for different students, subjects, or support levels.
A set of reusable cards or sections powered by props.
Create separate pages so your app can move beyond a landing page and begin to feel like a real product with clear destinations.
A multi-page tutoring app shell with working navigation.
Introduce basic interactivity so the app can respond to what a learner selects, types, or wants help with.
A working form that collects learner input inside the app.
Combine reusable components, routing, and learner input into a simple but coherent app experience you can keep improving.
A first complete tutoring app prototype without AI yet.
Build a multi-page tutoring app prototype with reusable components, route-based navigation, and a learner question form.
Goal: By end of week, student will have an AI-powered tutoring chatbot that accepts learner questions and returns supportive, education-focused responses.
Learn how your app talks to an AI model, why API keys must stay secure, and how server routes protect private credentials.
A clear diagram or notes explaining the app-to-AI request flow plus a starter API route.
Connect the app to the OpenAI API so a learner's question produces a real response inside your tutoring interface.
A working end-to-end tutoring response powered by the OpenAI API.
Use your instructional expertise to design prompts that make the AI act like a calm, supportive tutor instead of a generic chatbot.
A refined tutoring prompt template tailored to a target learner group.
Strengthen the experience by setting boundaries, handling confusing inputs, and making the chatbot feel reliable for classroom-style use cases.
An AI tutor flow with basic safeguards and clearer support messages.
Bring the pieces together into a focused AI tutoring app that reflects both your growing technical skills and your educator judgment.
A functional AI tutoring chatbot for one subject or learner scenario.
Build an AI tutoring chatbot that accepts student questions, uses a teacher-designed prompt, and returns supportive responses through a clean app interface.
Goal: By end of week, student will have a deployed AI tutoring app, a concise portfolio case study, and a job-ready project they can discuss with confidence.
Improve copy, layout, and flow so the app feels intentional and easier for another person to understand and test.
A cleaner, more understandable tutoring app interface.
Learn the practical steps to move your app from local development to a live URL you can share with peers, mentors, and hiring teams.
A publicly accessible deployed version of the AI tutoring app.
Turn your project into a portfolio artifact by explaining the problem, audience, design choices, and what you learned while building it.
A one-page portfolio case study for the tutoring app.
Practice explaining your technical choices in plain language so you can speak confidently about the project even if you are early in your coding journey.
A concise demo script or recording outline for the project.
Wrap the course by reviewing your growth, identifying next improvements, and packaging the project so it supports your transition into edtech roles.
A complete job-ready project package with live app, portfolio summary, and future roadmap.
Ship the AI tutoring app to Vercel and package it as a portfolio-ready edtech project with a case study and demo narrative.
Join thousands of teachers building their edtech future.
Join the waitlist to startNo credit card required · 100% free · Async learning