41 lines
1.2 KiB
Markdown
41 lines
1.2 KiB
Markdown
|
# 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.
|