Work & Development · Frontend Frameworks & TypeScript

Frontend Capstone: Build for a Real Need

Plan, build, test and release your own accessible React and TypeScript app.

Level: Intermediate
Lessons: 9 lessons in 3 modules
Estimated study: About 27 hours
Format: Online, self-paced

Start your free 3-day trial Read lesson 1 free Already a student? Open course

Monthly: $0 today with a card, then $34 on day 4 unless you cancel before then. After the trial, 30 days' notice applies. Active on-campus students have academy access included. Check your existing student account before buying another subscription.

Before you start

Recommended preparation:

Use a computer with a keyboard and a current browser. Individual lessons explain the tools needed for each exercise.

Full study requires active Academy access. This course can be audited independently of optional assessed programs.

About this course

Finish the frontend path with an original project. In about 27 hours, choose a need, write a small plan and build an accessible React and TypeScript app. Test it, release it, demonstrate what it does and respond to a new requirement. Keep evidence of your decisions and checks.

What you will be able to do

Turn a brief into achievable requirements and a delivery plan.
Deliver an accessible, tested application with useful documentation.
Demonstrate, modify and debug your own work while explaining key decisions.

Course outline

Choose a community or learning task and define the smallest useful app.

Turn a need into a testable brief3 hFree preview
Design accessible flows and a data contract3 h
Plan the repository and the first vertical slice3 h

Build the main search-and-save task, keep saved choices after reload and review how people use the app.

Build and test the main user journey3 h
Add saved state and restore it safely3 h
Review usability, accessibility, and code changes3 h

Test and release the app, demonstrate its behavior and make a small requested change.

Verify the app and implement a new requirement3 h
Release the project and rehearse recovery3 h
Demonstrate, debug, and hand over your own work3 h

Related assessed programs

This course belongs to the following optional programs. Each has its own required course bundle, evidence review and separate fee. Each program page shows its approved fee and current registration status.