Our Feature Flags course is now live!
Feature FlagsNEW

Understanding the Codebase

A quick overview of the codebase to understand our objectives!

Project Structure

These are the major files in our project. If you look at the components folder, you'll notice two feature components with different naming conventions: feature-one.tsx and FeatureTwo.tsx. This is intentional, and we'll cover this soon!

feature-one.tsx
FeatureTwo.tsx
app-layout.tsx
auth-layout.tsx
about.tsx
home.tsx
login.tsx
register.tsx
App.tsx
index.css
main.tsx

Run the Project

Run the project and view our UI (the YouTube video shows this):

pnpm dev

This is a fairly simple app with two auth pages: Login and Register, and two app pages: Home and About. They are also separated by two different layout files: AuthLayout and AppLayout.

Great, go through the rest of the files at ease but in the next section, we will start building out our flags.

Last updated on

On this page