Skip to content

neprostostas/my-dynamic-form

Repository files navigation

<title>Dynamic Form Project</title>

Project "Dynamic Form"

This project is an example of a dynamic form created using Vue 3 and TypeScript. It includes the ability to add and remove form fields, count vowels in each field, and highlight fields that match the search query.

Installation

  1. Clone the repository:
    git clone https://github.com/neprostostas/my-dynamic-form.git
  2. Navigate to the project directory:
    cd dynamic-form
  3. Install dependencies:
    npm install

Running the Project

  1. Start the local development server:
    npm run serve

    This command will start a local server at http://localhost:8080, where you can view your project.

Running Unit Tests

The project includes unit tests written using Vue Test Utils and Jest. To run the unit tests, execute the following command:

npm run test:unit

This command will run all the unit tests located in the tests/unit directory and display the test results in the console.

Example Image

Project Structure

  • src/components: Contains Vue components.
  • src/views: Contains views for routing.
  • tests/unit: Contains unit tests for components.

Requirements

  • Node.js (version 14 or newer)
  • npm (version 6 or newer)

Author

Stanislav Kinash, 2024