Ultimate template for a React+TS single page application.

1. React → Frontend Framework
2. TypeScript → Language
3. Vite → Frontend Build Tool
4. Yarn → Package Manager
5. Tailwind → Utility CSS

1. Install NodeJS, NPM, and Yarn
   1. Install NodeJS (comes with NPM) → full guide
   2. Install Yarn → npm install -g yarn
   3. (Optional) Enable Yarn in PowerShell → Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass
2. Create React/TypeScript template using Vite & Yarn → yarn create vite <project_name> --template react-ts
   1. Install needed packages → yarn install
3. Setup Git in project → git init
   1. Perform initial commit
   2. (Recommended) Publish to GitHub as public/private repo
4. Setup ESLint and Prettier
   1. Install and setup code linting w/ ESLint → guide
   2. Install and setup code formatting w/ Prettier → guide (do not setup VS Code)
   3. Making ESLint and Prettier work together → guide
5. Setup Tailwind → guide
   1. (Recommended) Install VS Code extension for Tailwind Intellisense

1. Download repository:
   • Clone method: git clone https://github.com/BrylleGomez/ultimate-react-app.git
   • Or download as .zip and unzip the contents
2. (Optional) Initialize git repo with git init, if code was downloaded from the zip file (publish/push to GitHub if desired)
3. Install packages using yarn or yarn install
4. (Optional) Change "name" field in package.json from "ultimate-react-app" to desired project name