Documentation

Author: Sarguroh20

README.md

@@ -1,2 +1,33 @@
-# JS_Programmer_Task
-A code repository for JS Challenge
+<div align="center>
+  
+  ![Screenshot 2024-09-29 002647](https://github.com/user-attachments/assets/311555e6-1e8b-4d17-b475-857a2a1c7388)
+  
+</div>
+<table align="center">
+<tr>
+<td align="center">
+
+  ### 🧪Data Chemistry🧪
+  Introducing Data Chemistry - An interactive and responsive solution for managing chemical data. Ideal for labs, researchers, or professionals! It features real-time updates, efficient data processing, and table functionalities like row selection, deleting, and reordering. 
+</td>
+</tr>
+</table>
+
+## 💡Features
+* Dynamic Data Handling <br/> ➡️ Manages both pre-fetched and user-added chemical data.
+* Real-Time Updates <br/> ➡️ Allow users to add, edit and delete chemical records.
+* Row Selection <br/> ➡️ Enables row selection via checkboxes for easier data management.
+* Data Sorting <br/> ➡️ Provides sorting functionality on multiple columns.
+* Responsive Design <br/> ➡️ Ensures the table adapts to different screen sizes and devices.
+* Data Persistence <br/> ➡️ Stores data in localStorage to maintain data across sessions, ensuring that changes remain after refreshing the page.
+
+## ⚙️Tech Stack
+[![My Skills](https://skillicons.dev/icons?i=html,css,js)](https://skillicons.dev)
+
+## 🔖Design Approach
+![uml-js-task](https://github.com/user-attachments/assets/2f8e8780-36d2-4a2b-bc74-91c0eab73583)
+
+## ▶️Setting up the project
+- Fork the project and clone
+- Import the project in vs code
+- Run the html file!