# Tech Context

This document describes the technologies used, development setup, technical constraints, dependencies, and tool usage patterns.

## Technologies Used

-   **Frontend:** React 19, Vite
-   **Styling:** Tailwind CSS, PostCSS
-   **Linting:** ESLint
-   **HTTP Client:** Axios

## Development Setup

-   Run `npm install` to install dependencies.
-   Run `npm run dev` to start the development server.

## Technical Constraints

-   Single Page Application (SPA) architecture.

## Dependencies

### Production
-   `axios`: For making HTTP requests.
-   `react`: For building the user interface.
-   `react-dom`: For rendering React components in the DOM.
-   `react-router-dom`: For routing.

### Development
-   `@vitejs/plugin-react`: Vite plugin for React.
-   `autoprefixer`: PostCSS plugin to parse CSS and add vendor prefixes.
-   `eslint`: For linting JavaScript code.
-   `tailwindcss`: A utility-first CSS framework.
-   `vite`: A build tool that aims to provide a faster and leaner development experience for modern web projects.

## Tool Usage Patterns

-   Vite is used for the development server and build process.
-   ESLint is used for code quality and consistency.
-   Tailwind CSS is used for styling.