react_task_2/README.md

# Web App

Boilerplate Webpack 5, React and Bootstrap 5 project with global Css and Css modules enabled.

# Hosts File Config
In order to run this application in local, you'll need to modify your hosts file configuration. Then you will be able to access/serve your application at https://test.rocketplantech.com:3000

### Windows
Please include the following line in your hosts file

`127.0.0.1 test.rocketplantech.com`

### Mac
Please do the following steps

`sudo nano /private/etc/hosts`

add `127.0.0.1 test.rocketplantech.com` to the end of the file and save

run `sudo dscacheutil -flushcache` to flush the DNS cache

you might need to run `chmod +x .husky/pre-commit` to have the linter activated on commits

# App Setup

This project is setup to use yarn.

to get started.

`run yarn`

This will install the nodule modules

# Dev Build

`yarn run start`

# Staging Build

`yarn run staging`

# Production Build

`yarn run production`

# Task

- To login go to https://test.rocketplantech.com:3000/
- kevin@rocketplantech.com / Abcdef123
- Create the form page https://test.rocketplantech.com:3000/form as in screenshot_1
- Create delete modal and it can delete the form as well screenshot_2
- When we click on add button, it will open modal popup showing form. need to integrate the ADD FORM api
- Need to integrate API to load the table

## API for getting Contract Forms
```
GET `/companies/${companyId}/contract-forms`
```

## API for Adding Contract Forms
```
Request Body: {
company_id: companyId,
name: formName,
replacement_tags: typeof String,
status: 'active',
template: typeof string,
has_signature: true || false,
}
```

```
POST  `/contract-forms`
```
## API for deleting Contract Forms
```
DELETE `/contract-forms/${contractId}`
```