Update README.md

README.md

@@ -2,7 +2,16 @@
 
 - [About](#about)
 - [Technologies Used](#technologies-used)
+
 - [Features](#features)
+  - [Real-Time Collaboration](#real-time)
+  - [User Customization](#customization)
+  - [Drawing Tools](#tools)
+  - [Draw Shapes](#shapes)
+  - [Upload Images](#images)
+  - [Real-Time Chat](#chat)
+
+
 - [Future Improvements](#future-improvements)
 - [Getting Started](#installation)
 - [Demo Video](#demo)
@@ -28,28 +37,28 @@
 
   <a id="features"></a>
 # 🌟Features 
--   **Real-Time Collaboration**: Work together on a shared canvas with instant updates.
+-   **Real-Time Collaboration**: Work together on a shared canvas with instant updates. <a id="real-time"></a>
 
   ![Screenshot 2024-06-28 184947](https://github.com/deveshidwivedi/sketchparty/assets/120312681/90143c7b-7c0e-4020-8541-9e16aed88682)
   ![Screenshot 2024-06-28 185339](https://github.com/deveshidwivedi/sketchparty/assets/120312681/6380e092-5fca-47c3-af7c-3ddd8f2f607c)
   ![Screenshot 2024-06-28 185415](https://github.com/deveshidwivedi/sketchparty/assets/120312681/edc18ba7-92bc-49c8-b0ff-d83a4cf602db)
 
--   **User Customization**: Unique usernames and colors for each user.
+-   **User Customization**: Unique usernames and colors for each user. <a id="customization"></a>
    ![Screenshot 2024-06-28 185506](https://github.com/deveshidwivedi/sketchparty/assets/120312681/c6d93994-6052-47e9-9fd1-f3f984f7e426)
 
--   **Drawing Tools**: Choose colors, adjust line width, use erasers, and undo actions.
+-   **Drawing Tools**: Choose colors, adjust line width, use erasers, and undo actions. <a id="tools"></a>
     ![Screenshot 2024-06-28 185616](https://github.com/deveshidwivedi/sketchparty/assets/120312681/bab25fa8-6904-420e-b5fb-e72c096975a4)
     ![Screenshot 2024-06-28 185648](https://github.com/deveshidwivedi/sketchparty/assets/120312681/7b7922a6-1a45-46a4-8170-4d0c0c15f305)
     ![Screenshot 2024-06-28 185714](https://github.com/deveshidwivedi/sketchparty/assets/120312681/2033e891-e69f-48c7-904e-7db625a696fc)
 
--   **Shapes**: Draw shapes.
+-   **Draw Shapes**: Draw shapes. <a id="shapes"></a>
    ![Screenshot 2024-06-28 190132](https://github.com/deveshidwivedi/sketchparty/assets/120312681/e5042727-d7dd-4ff2-998d-7ed450d98a00)
    ![Screenshot 2024-06-28 190044](https://github.com/deveshidwivedi/sketchparty/assets/120312681/ce596462-dd23-4f71-943e-6dc4eaa47b60)
 
--   **Images**: Annotate images.
+-   **Upload Images**: Annotate images. <a id="images"></a>
     ![Screenshot 2024-06-28 191039](https://github.com/deveshidwivedi/sketchparty/assets/120312681/ae7b7dc9-8dc8-4075-a9af-a739ffcfe449)
 
--   **Real-Time Chat**: Keep the conversation flowing with an integrated chat.
+-   **Real-Time Chat**: Keep the conversation flowing with an integrated chat. <a id="chat"></a>
    ![Screenshot 2024-06-28 191047](https://github.com/deveshidwivedi/sketchparty/assets/120312681/c41c9e8c-2b9d-415f-ae11-caf93738d845)
   ![Screenshot 2024-06-28 191114](https://github.com/deveshidwivedi/sketchparty/assets/120312681/199ae2f8-f3b5-4fda-a6f8-2157792e5e96)
   ![Screenshot 2024-06-28 191056](https://github.com/deveshidwivedi/sketchparty/assets/120312681/b825163c-f15f-4fbb-a362-c5dc211570a4)
@@ -70,13 +79,13 @@
 -   Clone the repo:
 
     ```
-    git clone https://github.com/your-username/sketch-party.git 
+    git clone https://github.com/your-username/sketchparty.git 
    
 
 -   Navigate to the project directory:
 
     ```
-    cd sketch-party 
+    cd sketchparty 
     ```
     
 -   Install dependencies: