digital-form-builder

(★ 70)

Exploring how to quickly and easily design/prototype/deploy high quality digital forms for UK Gov. Based on the excellent work by DEFRA. Currently maintained by Caution Your Blast (support@cautionyourblast.com) and a community collaboration between FCDO, HO, GDS, DfE, DIT, Version 1, MHCLG, Burendo, UKHSA

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug_report.md
  - config.yml
  - feature_request.md
- - beta--lint-unit-build-and-publish-images.yml
  - branch--lint-unit-and-smoke-test.yml
  - build.yml
  - codeql-analysis.yml
  - dependabot.yml
  - dependency-review.yml
  - deploy-development.yml
  - deploy-fcdo.yml
  - lint-and-test.yml
  - main--lint-unit-build-and-publish-images.yml
  - smoke-test.yml
  - smoke-tests-heroku.yml
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- dependabot.yml
- pull_request_template.md
- SUPPORT.md
- - yarn-3.2.2.cjs
- - imageMock.js
  - styleMock.js
- - symlink-config
- - button-dropdown.js
  - component-condition-create.js
  - component-create.js
  - component.js
  - ComponentEdit.js
  - ComponentTypeEdit.tsx
  - condition-edit.js
  - declaration-edit.js
  - designer.tsx
  - editor.js
  - error-summary.tsx
  - FeatureToggle.tsx
  - field-edit.tsx
  - file-upload-field-edit.tsx
  - helpers.js
  - index.tsx
  - link-create.js
  - link-edit.js
  - load-form-configurations.js
  - modal.js
  - multiline-text-field-edit.js
  - name.tsx
  - page-create.js
  - page-edit.js
  - randomId.ts
  - route-check.js
  - section-create.js
  - validations.ts
- - config.ts
  - createServer.ts
  - index.ts
  - types.ts
- - .setup.js
  - .transform.js
  - componentReducer.test.tsx
  - helpers.test.tsx
  - name.test.tsx
  - previewPersistenceService.test.ts
  - S3PersistenceService.test.ts
  - testServer.js
  - TextFieldEdit.test.tsx
- .eslintrc.js
- .gitignore
- .pa11yci.json
- babel.config.js
- Dockerfile
- jest-server-setup.js
- jest-setup.js
- jest.client.config.js
- jest.config.js
- jest.server.config.js
- LICENSE
- new-form.json
- nodemon.json
- package.json
- playground.js
- postcss.config.js
- README.md
- snowpack.config.js
- tsconfig.json
- webpack.config.js
- - 0000-class-diagram.svg
  - 0000-ERD.svg
  - 0000-state-of-the-union.md
  - 0001-DataModel-to-functions.md
  - 0002-save-and-return.md
  - 0002-sequence-diagram.svg
  - 0003-submitter-diagram.svg
  - 0003-submitter.md
  - 0004-submitter.md
  - 0005-runner-pulls-from-source.md
  - 0006-atomic-saves.md
  - 0007-mid-journey-save-return.md
  - template.md
- - architecture-diagram.svg
  - arkit.json
  - query-param-field.png
  - query-param-prepopulation.md
- - architecture-diagram.svg
  - arkit.json
- - architecture-diagram.svg
  - arkit.json
  - document-upload.md
  - exit.md
  - fee-options.md
  - mini-summary-page-controller.md
  - multi-start-page.md
  - redirects.md
  - repeating-field.md
  - session-initialisation-oas.yaml
  - session-initialisation.md
  - submission-queue.md
  - summary-details-transforms.md
  - templating.md
- components-diagram.drawio
- components-diagram.svg
- contents.md
- cypress.config.js
- package.json
- README.md
- - index.ts
- babel.config.json
- jest.config.js
- LICENSE
- package.json
- README.md
- tsconfig.json
- - migration_lock.toml
- - index.ts
- babel.config.json
- package.json
- schema.prisma
- tsconfig.json
- - joi.d.ts
- - build
  - build-css
  - symlink-config
- - custom-environment-variables.json
  - default.js
  - development.json
  - e2e_test.json
  - production.json
  - test.json
- - Basic Application Test.jmx
  - covid-cyb.jmx
  - dummy.pdf
- - index.ts
- - .transform.js
  - html-helper.js
- .babelrc
- .gitignore
- Dockerfile
- LICENSE
- lighthouse.js
- nodemon.json
- package.json
- Procfile
- README.md
- tmp.pdf
- tsconfig.json
- - custom-environment-variables.json
  - default.js
  - test.json
- - config.ts
  - prismaClient.ts
- .babelrc
- Dockerfile
- jest.config.js
- nodemon.json
- package.json
- README.md
- tsconfig.json
.browserslistrc
.dockerignore
.eslintignore
.eslintrc.json
.gitignore
.nvmrc
.prettierignore
.prettierrc.json
.yarnrc.yml
babel.config.json
docker-compose.dev.yml
docker-compose.smoke.yml
docker-compose.yml
GitVersion.yml
LICENSE
lighthouserc.js
package.json
README.md
tsconfig.json
yarn.lock

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/XGovFormBuilder/digital-form-builder

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd digital-form-builder

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.

docker compose -f docker-compose.dev.yml up -d --build

compose 설정 파일에 정의된 서비스들을 대상으로 명령을 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

cd designer

이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.