b32cf4c374
Install react-router-dom to support client-side navigation. This is a prerequisite for implementing the multi-step authentication flow and other routed features. Additionally, this commit includes minor copy improvements to the password reset forms for better clarity.
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.
|