E course learning app

Tech Stack

Setup & Usage

Prerequisites

• Node.js 18+
• npm or pnpm

Install dependencies

npm install

Start development server

npm run dev

App runs at http://localhost:5173 by default.

Build for production

npm run build

Preview production build

npm run preview

Type checking

npm run typecheck

Lint

npm run lint

Project Structure

src/
└── App.tsx        # All screens, components, data, and types
main.tsx           # React root entry point
index.html         # Shell with loading state and runtime error handling
package.json       # Dependencies and scripts

Data & Customization

All course, instructor, and pricing data is defined as typed constants directly in App.tsx:

• COURSES — Array of Course objects. Add or modify entries to update the catalog.
• CATEGORIES — Filter tab labels. Keep in sync with Course.category values.
• INSTRUCTORS — Array of Instructor objects for the instructors screen.
• PLANS — Array of Plan objects for the pricing screen.

Each course and instructor card uses a Tailwind gradient string (accent) and a single glyph character (glyph) for visual identity — both are fully customizable per entry.

License

Tetrees License

Mobile App Templates & App Source Code

4 US$