Schema Mapping Diagram

This project is a React application that displays a Schema mapping diagram using React. It allows users to visualize and modify mappings between source and target fields.

Prerequisites

Before you begin, ensure you have met the following requirements:

• You have installed Node.js (version 12.0 or later) and npm (usually comes with Node.js).
• You have a Windows/Linux/Mac machine.

Installation

Follow these steps to set up and run the application:

1. Clone the repository or download the code:

   git clone https://github.com/Anandhakrishnan27/schemaMappingTool

2. Navigate to the project directory in your terminal.

3. Install the necessary dependencies by running the following command:

   npm install

This will install all the necessary packages, including React, Material-UI, and React Flow.

Running Field Mapping Diagram

To run the Field Mapping Diagram, follow these steps:

1. In the project directory, run the following command:

    npm start

2. Open your web browser and navigate to http://localhost:3000.

The application should now be running in your browser. You should see the field mapping diagram with source fields on the left and target fields on the right.

Using Schema Mapping Diagram

• The diagram displays source fields on the left and target fields on the right.
• Green arrows represent default mappings.
• You can create new mappings by clicking and dragging from a source field to a target field.
• New mappings will be displayed with orange arrows.
• You can delete mappings by selecting an arrow and pressing the delete key.
• Click the "Confirm Mapping" button in the top right to see a summary of your changes.

Troubleshooting

If you encounter any issues:

1. Make sure all dependencies are correctly installed by running npm install again.
2. Check the console in your web browser for any error messages.
3. Ensure you're using a compatible version of Node.js.