File Diff

File Diff is an operational project that compares two texts and find the differences between them. The application requires user to upload two separate text files and parses the data in the files and finds differences between them and display the differences with different colours.

For front-end and logic code development I have used JavaScript/React and MUI. The source codes are amiable in the repository.

The application Doesn't save users text files, and upon refreshing the page, the data will be lost.

User uploads two files and can see the textual differences side by side.

The application tries to find differences between two text, word by word. Meaning if words are exactly the same in both texts but there is a single difference in the placement of them in the sentence, then there are differences in the texts.

After clicking compare, the program will find the differences between the two uploaded texts.

If there is a difference, word by word or one word having different index but still exist in the other text, it will be displayed in red and it will show bottom down how the index of word is different from the word on the other texts index.

If the words are exactly the same they match, there won't be any colour indicating the similarity. 

If the words are there but differ by index and placement in the sentence, it will be displayed in green. 

If there is an extra word, repetition or word that is not in either of the texts, the difference will be displayed by blue colour.