This page introduces the structure, responsibilities, and developer guidelines for the BeenThere frontend, which is implemented using React, TypeScript, Vite, and Yarn.
The frontend is a single-page application (SPA) built with a modular component structure. It communicates with the backend via REST APIs and is structured to prioritize maintainability, performance, and separation of concerns.
The project follows a feature-based directory structure. Components, views, and API logic are organized to maximize clarity and modularity.
Development workflows are powered by Vite for fast builds and Yarn as the package manager. Code quality is ensured via linting, formatting, and testing scripts defined in package.json.
Testing is done using Jest and React Testing Library, with a focus on component-level tests. Test files are colocated with their respective components.