React TypeScript Coding Exercise

A lightweight React + TypeScript boilerplate for conducting coding interviews.

Prerequisites

• Node.js: v18 or higher
• Package Manager: yarn (v1.22+)

Getting Started

1. Install dependencies:

   yarn

2. Start the development server:

   yarn dev

3. Open in browser: The application will automatically open at http://localhost:5173

What's Included

• ⚛️ React 19 with TypeScript
• ⚡ Vite for fast development and hot module replacement
• 🎨 Lucide React icons
• 🔧 ES2024 support for modern JavaScript features
• 📦 Mock API utilities for data fetching exercises

Project Structure

src/
├── api/          # API client utilities
├── mocks/        # Mock data for exercises
├── App.tsx       # Main application component
├── exercise.ts   # Exercise workspace
├── index.tsx     # Application entry point
└── style.css     # Global styles

Available Scripts

• yarn dev - Start here! Starts development server with hot reload

For the coding session, you only need yarn dev. The commands below are optional:

• yarn build - (Optional) Build for production and run TypeScript checks
• yarn preview - (Optional) Preview production build locally

Technical Details

• TypeScript: Strict mode enabled for type safety
• ES Target: ES2024 (supports modern features like Object.groupBy())
• Module System: ESNext with bundler module resolution
• Hot Reload: Enabled via Vite HMR

Development Notes

The development server supports fast refresh, so changes appear instantly in the browser. TypeScript errors will appear both in your editor and in the terminal running the dev server.