diff --git a/README.md b/README.md
index dc0b96a1..a7516b83 100644
--- a/README.md
+++ b/README.md
@@ -20,22 +20,12 @@
 <img src="./readme/demo/Diagrams/ERD.png"/>
 </center>
 
-### System Architect Diagram
+### Component Diagram
 
 <center>
-<img src="./readme/demo/Diagrams/System Architect Diagram.png"/>
+<img src="./readme/demo/Diagrams/Component Diagram Light.png"/>
 </center>
 
-### Project Box Design
-
-This box is a demostration of a power room that contain elecrical wire lines and the microcontroller is connected to the circuit.
-
-I used for this project ESP32 DevKit V1. It is based on the ESP32 microcontroller that boasts Wifi, Bluetooth, Ethernet and Low Power support all in a single chip.
-
-| Power Box 1                             | Power Box 2                       | Power Box 3                        |
-| --------------------------------------- | ------------------------------------- | ------------------------------------- |
-| ![PowerBox](./readme/demo/Project_Box/Power_Room_1.jpg) | ![PowerBox](./readme/demo/Project_Box/Power_Room_2.jpg) | ![PowerBox](./readme/demo/Project_Box/Power_Room_3.jpg) |
-
 <br><br>
 
 <!-- Project Highlights -->
@@ -49,7 +39,7 @@ I used for this project ESP32 DevKit V1. It is based on the ESP32 microcontrolle
 
 - <b>Personalized AI Optimization Plans:</b> Clients receive intelligent, data-driven strategies to optimize energy usage, reduce costs, and promote sustainability based on their consumption behaviors.
 
-### Remarkable Features
+### Features Highlight
 
 <center>
 <img src="./readme/demo/Highlights/Highlight Section.png"/>
@@ -60,27 +50,32 @@ I used for this project ESP32 DevKit V1. It is based on the ESP32 microcontrolle
 <!-- Demo -->
 <img src="./readme/title5.svg"/>
 
-### Client Screens (Web)
+### Landing Screens
 
-| Login screen                            | Register screen                       |
+| Landing Screen                            | Login screen                       |
 | --------------------------------------- | ------------------------------------- |
-| ![Landing](./readme/demo/1440x1024.png) | ![fsdaf](./readme/demo/1440x1024.png) |
+| ![Landing](./readme/demo/Landing/Landing%20Page.gif) | ![Login](./readme/demo/Landing/Login.gif) |
 
+### Client Screens
 
-
-### Provider Screens (Web)
-
-| Login screen                            | Register screen                       |
+| Client Dashboard screen                            | Client Report screen                       |
 | --------------------------------------- | ------------------------------------- |
-| ![Landing](./readme/demo/1440x1024.png) | ![fsdaf](./readme/demo/1440x1024.png) |
+| ![ClientDashboard](./readme/demo/Client/Client%20Dashboard.gif) | ![ClientReport](./readme/demo/Client/Client%20Report.gif) |
 
+| Client Profile screen                            |
+| --------------------------------------- |
+| ![ClientProfile](./readme/demo/Client/Client_Profile.png) |
 
 
-### Admin Screens (Web)
+### Provider Screens (Web)
 
-| Login screen                            | Register screen                       |
+| Provider Dashboard screen                            | Provider Report screen                       |
 | --------------------------------------- | ------------------------------------- |
-| ![Landing](./readme/demo/1440x1024.png) | ![fsdaf](./readme/demo/1440x1024.png) |
+| ![ProviderDashboard](./readme/demo/Provider/Provider%20Dashboard.gif) | ![ProviderReport](./readme/demo/Provider/Provider%20Report.gif) |
+
+| Provider Show Users screen                            | Provider Edit Profile screen                       |
+| --------------------------------------- | ------------------------------------- |
+| ![ProviderUsers](./readme/demo/Provider/Provider_Users.png) | ![ProviderProfile](./readme/demo/Provider/Provider_Profile.png) |
 
 
 <br><br>
@@ -88,6 +83,16 @@ I used for this project ESP32 DevKit V1. It is based on the ESP32 microcontrolle
 <!-- Development & Testing -->
 <img src="./readme/title6.svg"/>
 
+### Project Box Design
+
+This box is a demostration of a power room that contain elecrical wire lines and the microcontroller is connected to the circuit.
+
+I used for this project ESP32 DevKit V1. It is based on the ESP32 microcontroller that boasts Wifi, Bluetooth, Ethernet and Low Power support all in a single chip.
+
+| Power Box 1                             | Power Box 2                       | Power Box 3                        |
+| --------------------------------------- | ------------------------------------- | ------------------------------------- |
+| ![PowerBox](./readme/demo/Project_Box/Power_Room_1.jpg) | ![PowerBox](./readme/demo/Project_Box/Power_Room_2.jpg) | ![PowerBox](./readme/demo/Project_Box/Power_Room_3.jpg) |
+
 #### Postman API Documentation
 
 - You can check the full API documentation using this [link](https://documenter.getpostman.com/view/42830816/2sB2qXji4H).
@@ -154,6 +159,11 @@ I used for this project ESP32 DevKit V1. It is based on the ESP32 microcontrolle
 | --------------------------------------- | ------------------------------------- | ------------------------------------- |
 | ![PipelineSample](./readme/demo/Deployment/Deployment%20Pipeline%201.png) | ![PipelineSuccess](./readme/demo/Deployment/GitHub_Deploy_Staging_Pipeline.png) | ![EC2Deployed](./readme/demo/Deployment/Node_Server_Docker_Deployed.png) |
 
+
+| AWS S3 Bucket React files                            | S3 bucket public IP website                       |
+| --------------------------------------- | ------------------------------------- |
+| ![Landing](./readme/demo/Deployment/S3_React_Deployed.png) | ![fsdaf](./readme/demo/Deployment/S3_Website_Deployed.png) |
+
 <br>
 
 #### To test the website, here are some initial default data stored in the database:
diff --git a/amp-client/src/Components/AdminComponents/AdminSidebar/AdminSidebar.jsx b/amp-client/src/Components/AdminComponents/AdminSidebar/AdminSidebar.jsx
index 7f90ecc6..ee3e1a25 100644
--- a/amp-client/src/Components/AdminComponents/AdminSidebar/AdminSidebar.jsx
+++ b/amp-client/src/Components/AdminComponents/AdminSidebar/AdminSidebar.jsx
@@ -22,18 +22,14 @@ const AdminSidebar = () => {
         </Link>
       </div>
       <nav className="sidebar-nav">
-        <Link to="/admin/navigation-page" className="sidebar-link">
-          <FontAwesomeIcon icon={faFileAlt} className="sidebar-icon" />
-          <span className="link-text">Navigation Page</span>
+        <Link to="/admin/view-providers" className="sidebar-link">
+          <FontAwesomeIcon icon={faEye} className="sidebar-icon" />
+          <span className="link-text">View Providers</span>
         </Link>
         <Link to="/admin/edit-provider" className="sidebar-link">
           <FontAwesomeIcon icon={faUserEdit} className="sidebar-icon" />
           <span className="link-text">Edit Provider</span>
         </Link>
-        <Link to="/admin/view-providers" className="sidebar-link">
-          <FontAwesomeIcon icon={faEye} className="sidebar-icon" />
-          <span className="link-text">View Providers</span>
-        </Link>
         <Link to="/admin/contact-messages" className="sidebar-link">
           <FontAwesomeIcon icon={faEnvelope} className="sidebar-icon" />
           <span className="link-text">Contact Messages</span>
diff --git a/amp-client/src/Pages/ProviderPages/ProviderPowerPrediction/styles.css b/amp-client/src/Pages/ProviderPages/ProviderPowerPrediction/styles.css
index 089f87c0..71c27cab 100644
--- a/amp-client/src/Pages/ProviderPages/ProviderPowerPrediction/styles.css
+++ b/amp-client/src/Pages/ProviderPages/ProviderPowerPrediction/styles.css
@@ -5,7 +5,7 @@
   margin: auto;
   border-radius: 12px;
   margin-top: 30px;
-  margin-left: 300px;
+  margin-left: 400px;
 }
 
 .provider-header {
diff --git a/readme/demo/Client/Client Dashboard.gif b/readme/demo/Client/Client Dashboard.gif
new file mode 100644
index 00000000..ce254db2
Binary files /dev/null and b/readme/demo/Client/Client Dashboard.gif differ
diff --git a/readme/demo/Client/Client Report.gif b/readme/demo/Client/Client Report.gif
new file mode 100644
index 00000000..f1dbc475
Binary files /dev/null and b/readme/demo/Client/Client Report.gif differ
diff --git a/readme/demo/Client/Client_Profile.png b/readme/demo/Client/Client_Profile.png
new file mode 100644
index 00000000..463a6381
Binary files /dev/null and b/readme/demo/Client/Client_Profile.png differ
diff --git a/readme/demo/Deployment/S3_React_Deployed.png b/readme/demo/Deployment/S3_React_Deployed.png
new file mode 100644
index 00000000..de868eb3
Binary files /dev/null and b/readme/demo/Deployment/S3_React_Deployed.png differ
diff --git a/readme/demo/Deployment/S3_Website_Deployed.png b/readme/demo/Deployment/S3_Website_Deployed.png
new file mode 100644
index 00000000..3e2124e9
Binary files /dev/null and b/readme/demo/Deployment/S3_Website_Deployed.png differ
diff --git a/readme/demo/Diagrams/Component Diagram Light.png b/readme/demo/Diagrams/Component Diagram Light.png
new file mode 100644
index 00000000..4189ed28
Binary files /dev/null and b/readme/demo/Diagrams/Component Diagram Light.png differ
diff --git a/readme/demo/Diagrams/Component Diagram.png b/readme/demo/Diagrams/Component Diagram.png
new file mode 100644
index 00000000..cfb25ff1
Binary files /dev/null and b/readme/demo/Diagrams/Component Diagram.png differ
diff --git a/readme/demo/Diagrams/System Architect Diagram Light.png b/readme/demo/Diagrams/System Architect Diagram Light.png
deleted file mode 100644
index 1b8ebba0..00000000
Binary files a/readme/demo/Diagrams/System Architect Diagram Light.png and /dev/null differ
diff --git a/readme/demo/Diagrams/System Architect Diagram.png b/readme/demo/Diagrams/System Architect Diagram.png
deleted file mode 100644
index 9896ff51..00000000
Binary files a/readme/demo/Diagrams/System Architect Diagram.png and /dev/null differ
diff --git a/readme/demo/Highlights/Highlight Section.png b/readme/demo/Highlights/Highlight Section.png
index 7f1bdb2a..893c02c6 100644
Binary files a/readme/demo/Highlights/Highlight Section.png and b/readme/demo/Highlights/Highlight Section.png differ
diff --git a/readme/demo/Landing/Landing Page.gif b/readme/demo/Landing/Landing Page.gif
new file mode 100644
index 00000000..a7e3528e
Binary files /dev/null and b/readme/demo/Landing/Landing Page.gif differ
diff --git a/readme/demo/Landing/Login.gif b/readme/demo/Landing/Login.gif
new file mode 100644
index 00000000..ff4737b7
Binary files /dev/null and b/readme/demo/Landing/Login.gif differ
diff --git a/readme/demo/Provider/Provider Dashboard.gif b/readme/demo/Provider/Provider Dashboard.gif
new file mode 100644
index 00000000..4792854f
Binary files /dev/null and b/readme/demo/Provider/Provider Dashboard.gif differ
diff --git a/readme/demo/Provider/Provider Report.gif b/readme/demo/Provider/Provider Report.gif
new file mode 100644
index 00000000..8fc988da
Binary files /dev/null and b/readme/demo/Provider/Provider Report.gif differ
diff --git a/readme/demo/Provider/Provider_Profile.png b/readme/demo/Provider/Provider_Profile.png
new file mode 100644
index 00000000..5d036eb5
Binary files /dev/null and b/readme/demo/Provider/Provider_Profile.png differ
diff --git a/readme/demo/Provider/Provider_Users.png b/readme/demo/Provider/Provider_Users.png
new file mode 100644
index 00000000..ed91f0eb
Binary files /dev/null and b/readme/demo/Provider/Provider_Users.png differ
diff --git a/readme/demo/Testing/slave_id_index.png b/readme/demo/Testing/slave_id_index.png
new file mode 100644
index 00000000..a9d6348e
Binary files /dev/null and b/readme/demo/Testing/slave_id_index.png differ
diff --git a/readme/demo/Testing/user_type_indexed.png b/readme/demo/Testing/user_type_indexed.png
new file mode 100644
index 00000000..e88880f5
Binary files /dev/null and b/readme/demo/Testing/user_type_indexed.png differ