Assignment - JS Patch Studio for Senior Front-end Engineer

Overview

A UI tool for applying and managing JSON patches, showing real-time changes and updates.

Technologies Used

• React
• React Hook
• fast-json-patch: For applying JSON patches, validation of patches and deep cloning the input object
• react-diff-viewer-continued: For displaying JSON difference
• Chakra UI: For styling

Live Demo

You can view the deployed application here: Patch Studio

Setup Instructions

1. Git Clone the project

   git clone https://github.com/shuklabhisekh/senior-frontend-developer-challenge

2. Navigate to project directory

cd senior-frontend-developer-challenge

3. Install Dependencies:

   npm install
   

   Note:
   For yarn, use yarn install instead of npm install.

4. To Run,

   npm start dev
   

   Open: http://localhost:3000 in your browser

Other Projects and Contributions

• LinkedIn Profile
• Mailchimp
• Theory
• Open Source Contribution: PrimeReact PR