A modern, minimal frontend for an AI chat application, built with React, TypeScript, and Vite. This project provides a fast, developer-friendly environment with hot module replacement, code linting, and Tailwind CSS for styling.
- React — UI library for building user interfaces
- TypeScript — Typed superset of JavaScript
- Vite — Next-generation frontend tooling
- TanStack Router — Modern and scalable routing for React
- TanStack Query - Powerful asynchronous state management for React
- Redux Toolkit - A predictable state container for JavaScript applications
- Tailwind CSS — Utility-first CSS framework
- Axios — Promise based HTTP client for the browser and node.js
- React Hook Form - Performant, flexible and extensible forms with easy-to-use validation.
- zod - TypeScript-first schema validation with static type inference
- React Markdown — Render Markdown in React
- remark-gfm — GitHub Flavored Markdown support
- ESLint — Linting utility for JavaScript and TypeScript
- Prettier - Formatting utility for JavaScript and TypeScript
- Vitest - Unit Testing utility
- React Testing Library - Library to work with React in unit tests
git clone <your-repo-url>
cd ai-chat-frontendpnpm installCreate a .env file in the root directory and set the backend API URL:
VITE_BACKEND_API_URL=https://your-backend-url.compnpm devThe app will be available at http://localhost:5173 (or the port shown in your terminal).
pnpm buildpnpm previewpnpm dev— Start the development serverpnpm build— Build the app for productionpnpm preview— Preview the production buildpnpm lint— Run ESLint on the codebasepnpm docker:dev- Run Docker container in Development environmentpnpm docker:prod- Run Docker container in Production environment