BP Wizard React TypeScript

A minimal, batteries‑included React + TypeScript boilerplate designed to get you up and running in seconds.

What's Inside

• React with TypeScript (latest versions)
• Vite with hot‑module replacement
• React Router for client‑side routing
• ESLint & Prettier for code quality and formatting
• Vitest for unit testing
• Playwright for end‑to‑end testing
• TypeScript configuration optimized for React
• Standard CSS setup with sensible defaults

All dependencies use the latest compatible versions at the time of project creation.

Quick Start

Create your new React + TypeScript project:

npm install -g bp-wizard-create-react-ts
bp-wizard-create-react-ts your-app-name-here
cd your-app-name-here
npm run dev

Or use npx for one-time usage:

npx bp-wizard-create-react-ts your-app-name-here
cd your-app-name-here
npm run dev

Available Scripts

| Command | Description | | -------------------- | ---------------------------------------------- | | npm run dev | Starts local dev server with HMR (Vite) | | npm run build | Bundles your app for production (Vite build) | | npm run preview | Preview the production build locally | | npm test | Run unit tests with Vitest | | npm run test:e2e | Run end‑to‑end tests with Playwright | | npm run lint | Lint all source files with ESLint | | npm run format | Auto‑format code with Prettier | | npm run type-check | Check TypeScript types without building |

Features

• Fast Development - Vite's lightning-fast HMR
• TypeScript - Full TypeScript support with proper configuration
• Routing Ready - React Router pre-configured with TypeScript
• Testing Setup - Unit tests with Vitest, E2E with Playwright
• Code Quality - ESLint + Prettier configuration
• Responsive - Mobile-first responsive design
• Modern Structure - Clean component organization with TypeScript

License

MIT © Rhone Lachner

Support this project: Buy me a coffee ☕️

Download my commit message formatting tool, CommitWizard, here: CommitWizard CLI