Project "Form Generator"

About

"Form Generator" is a library. It takes care of error handling and other tasks for which you usually need to write a lot of template code.

Usage

You should have Node.js installed before proceeding. Only test JS against v21 and on macOS.

# Clone the repo
git clone https://github.com/Teihden/typescript-project-81
cd typescript-project-81

# Runs the linter to check frontend code for errors.
make lint

# Performs installation of project dependencies from package.json
make install

# Starts the nodemon
make start

# Cleans the frontend build directory (frontend/build) and runs the build process
make build

# Runs test with Vitest
make test

# Runs test-coverage
make test-covergae

Examples of usage

const form = HexletCode.formFor(template, {}, (f) => {
  f.input('name', {class: 'user-input'});
  f.input('job');
});

// <form action="#" method="post">
//   <input name="name" type="text" value="rob" class="user-input">
//   <input name="job" type="text" value="hexlet">
// </form>


const form = HexletCode.formFor(template, {}, (f) =>
  f.input('job', { as: 'textarea' }));

// <form action="#" method="post">
//   <textarea name="job" cols="20" rows="40">hexlet</textarea>
// </form>


const form = HexletCode.formFor(template, { url: '#' }, (f) =>
  f.input('job', { as: 'textarea', rows: 50, cols: 50}));

// <form action="#" method="post">
//   <textarea cols="50" rows="50" name="job">hexlet</textarea>
// </form>