ABC User Feedback Frontend is the web browser application that provides the beautiful admin UI. The client is built with NextJS, React Query, React Hook Form, Tailwind css, MUI, and many more.
ABC User Feedback is using a mono-repo with multiple packages. To initialize all the packages on a local development environment, follow the Getting Started With Local Development section to do that in a few quick steps.
You can find a full list of targets in the package.json file.
Runs the app in development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
pnpm dev
Note In order to run web properly, ui packages need to be built by the
pnpm build:uicommand in root directory orpnpm turbo run @ufb/ui#buildcommand in any directory.
Generate api type using open api specification. This command can run after running on server. The type file is generated in src/types/api.type.ts
pnpm generate-api-type
Performs a linting check using ESLint.
pnpm lint
Performs a formatting code using Prettier.
pnpm format
Builds the app. The distributable is expored to the .next folder.
pnpm build
| Environment | Description | Default Value |
|---|---|---|
| NEXT_PUBLIC_API_BASE_URL | api base url in client side (ex. http://localhost:4000) | |
| API_BASE_URL | api base url in server side | |
| SESSION_PASSWORD | session password | complex_password_at_least_32_characters_long |
| Environment | Description | Default Value |
|---|---|---|
| NEXT_PUBLIC_MAX_DAYS | query maximum days | 90 |
To learn NextJS, check out the NextJS documentation.