Added images

Author: Prakhar896

README.md

@@ -73,12 +73,26 @@ The networking interface abstracts away a lot of redundant logic and makes backe
 
 We used the Chakra UI Themeing API to define a custom theme (called `MainTheme`). We implemented things like standard button variants (a blue-red combination of colours), text font family and standard colour tokens.
 
+<img width="429" height="102" alt="Toasts" src="https://github.com/user-attachments/assets/a02153a5-9dd5-464f-995f-736d881f5d3f" />
+
 Additionally, we customised the look of toasts, in various modes, to better suit the `MainTheme`. The toasts look much cleaner and in line with what the user would already be expecting.
 
 This, of course, has the direct impact of making the entire UI feel very coherent. Standardising the UI goes a long way in offering a comfortable user experience - no unexpected UX shocks.
 
 ## User Experience Design
 
+<img height="500px" alt="Data Processing" src="https://github.com/user-attachments/assets/7ee82fa7-d84f-4d65-af83-4c14fa85f46a" />
+
+> Data Processing page
+
+<img height="500px" alt="Manage Associations" src="https://github.com/user-attachments/assets/0a209f7e-6f75-466c-9352-d432a7f0631d" />
+
+> Manage Associations modal
+
+<img width="294" height="83" alt="Editor Mode Bar" src="https://github.com/user-attachments/assets/871e88c9-1de7-4b3f-87c3-ece2b4fe1572" />
+
+> Editor Mode Action Bar
+
 It's no secret that there is tons of UI out there right now. We're always working with digital interfaces of technology everyday, and users also have some pre-set UX expectations. Thus, it was important to us that, while we distinguish ourself uniquely enough to be memorable, users are always comfortable. This means designing UX flows that are similar to other industry standards and more.
 
 Here's a few of the UX decisions we made: