## Notes - [x] Create service layer - [x] Add OpenAPI and Swagger Modules for automatic OpenAPI documentation - Generate using [orval.dev](https://orval.dev/) ## Service Layer Technologies taken from [Tanstack React Query Architecture - Reddit](https://www.reddit.com/r/reactjs/comments/18z3nsi/tanstack_react_query_architecture/) 1. Codegen from an openapi spec using [orval.dev](https://orval.dev/). This generated all the api code as well as mock data. The setting we used was api functions rather than hooks 2. Used the query key factory : [https://github.com/lukemorales/query-key-factory#fine-grained-declaration-colocated-by-features](https://github.com/lukemorales/query-key-factory#fine-grained-declaration-colocated-by-features) so we can co locate query keys and api calls by feature. This centralised both query keys and apis calls in one place 3. separated api layers . this idea: [https://profy.dev/article/react-architecture-api-layer](https://profy.dev/article/react-architecture-api-layer) 4. As implied above. used feature folders to isolate codebase by feature 5. All react query fetches were done inside custom hooks ## Referencias - [[Job Genie]]