diff --git a/Angular-JS-Projects/README.md b/projects/angular-js/README.md
similarity index 100%
rename from Angular-JS-Projects/README.md
rename to projects/angular-js/README.md
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/README.md b/projects/angular-js/advanced/contact-manager/README.md
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/README.md
rename to projects/angular-js/advanced/contact-manager/README.md
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/angular.json b/projects/angular-js/advanced/contact-manager/angular.json
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/angular.json
rename to projects/angular-js/advanced/contact-manager/angular.json
index f94f3f9a..623f1d66 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/angular.json
+++ b/projects/angular-js/advanced/contact-manager/angular.json
@@ -1,96 +1,96 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "contact-manager": {
-      "projectType": "application",
-      "schematics": {},
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:application",
-          "options": {
-            "outputPath": "dist/contact-manager",
-            "index": "src/index.html",
-            "browser": "src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
-            "tsConfig": "tsconfig.app.json",
-            "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
-            "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kB",
-                  "maximumError": "1MB"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "2kB",
-                  "maximumError": "4kB"
-                }
-              ],
-              "outputHashing": "all"
-            },
-            "development": {
-              "optimization": false,
-              "extractLicenses": false,
-              "sourceMap": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "configurations": {
-            "production": {
-              "buildTarget": "contact-manager:build:production"
-            },
-            "development": {
-              "buildTarget": "contact-manager:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n"
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
-            "tsConfig": "tsconfig.spec.json",
-            "assets": [
-              {
-                "glob": "**/*",
-                "input": "public"
-              }
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
-            "scripts": []
-          }
-        }
-      }
-    }
-  }
-}
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "contact-manager": {
+      "projectType": "application",
+      "schematics": {},
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:application",
+          "options": {
+            "outputPath": "dist/contact-manager",
+            "index": "src/index.html",
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.css"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kB",
+                  "maximumError": "4kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "contact-manager:build:production"
+            },
+            "development": {
+              "buildTarget": "contact-manager:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.css"
+            ],
+            "scripts": []
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/db.json b/projects/angular-js/advanced/contact-manager/db.json
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/db.json
rename to projects/angular-js/advanced/contact-manager/db.json
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/images/image01.png b/projects/angular-js/advanced/contact-manager/images/image01.png
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/images/image01.png
rename to projects/angular-js/advanced/contact-manager/images/image01.png
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/images/image02.png b/projects/angular-js/advanced/contact-manager/images/image02.png
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/images/image02.png
rename to projects/angular-js/advanced/contact-manager/images/image02.png
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/images/image03.png b/projects/angular-js/advanced/contact-manager/images/image03.png
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/images/image03.png
rename to projects/angular-js/advanced/contact-manager/images/image03.png
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/images/image04.png b/projects/angular-js/advanced/contact-manager/images/image04.png
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/images/image04.png
rename to projects/angular-js/advanced/contact-manager/images/image04.png
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/images/image05.png b/projects/angular-js/advanced/contact-manager/images/image05.png
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/images/image05.png
rename to projects/angular-js/advanced/contact-manager/images/image05.png
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/package.json b/projects/angular-js/advanced/contact-manager/package.json
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/package.json
rename to projects/angular-js/advanced/contact-manager/package.json
index 31fb594e..50beac64 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/package.json
+++ b/projects/angular-js/advanced/contact-manager/package.json
@@ -1,42 +1,42 @@
-{
-  "name": "contact-manager",
-  "version": "0.0.0",
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
-  },
-  "private": true,
-  "dependencies": {
-    "@angular/animations": "^18.1.0",
-    "@angular/common": "^18.1.0",
-    "@angular/compiler": "^18.1.0",
-    "@angular/core": "^18.1.0",
-    "@angular/forms": "^18.1.0",
-    "@angular/platform-browser": "^18.1.0",
-    "@angular/platform-browser-dynamic": "^18.1.0",
-    "@angular/router": "^18.1.0",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.14.3"
-  },
-  "devDependencies": {
-    "@angular-devkit/build-angular": "^18.1.3",
-    "@angular/cli": "^18.1.3",
-    "@angular/compiler-cli": "^18.1.0",
-    "@types/jasmine": "~5.1.0",
-    "autoprefixer": "^10.4.19",
-    "jasmine-core": "~5.1.0",
-    "json-server": "^1.0.0-beta.1",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
-    "postcss": "^8.4.40",
-    "tailwindcss": "^3.4.7",
-    "typescript": "~5.5.2"
-  }
-}
+{
+  "name": "contact-manager",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^18.1.0",
+    "@angular/common": "^18.1.0",
+    "@angular/compiler": "^18.1.0",
+    "@angular/core": "^18.1.0",
+    "@angular/forms": "^18.1.0",
+    "@angular/platform-browser": "^18.1.0",
+    "@angular/platform-browser-dynamic": "^18.1.0",
+    "@angular/router": "^18.1.0",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.3"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "^18.1.3",
+    "@angular/cli": "^18.1.3",
+    "@angular/compiler-cli": "^18.1.0",
+    "@types/jasmine": "~5.1.0",
+    "autoprefixer": "^10.4.19",
+    "jasmine-core": "~5.1.0",
+    "json-server": "^1.0.0-beta.1",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "postcss": "^8.4.40",
+    "tailwindcss": "^3.4.7",
+    "typescript": "~5.5.2"
+  }
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/screenshot.webp b/projects/angular-js/advanced/contact-manager/screenshot.webp
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/screenshot.webp
rename to projects/angular-js/advanced/contact-manager/screenshot.webp
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.css b/projects/angular-js/advanced/contact-manager/src/app/app.component.css
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.css
rename to projects/angular-js/advanced/contact-manager/src/app/app.component.css
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.html b/projects/angular-js/advanced/contact-manager/src/app/app.component.html
similarity index 97%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.html
rename to projects/angular-js/advanced/contact-manager/src/app/app.component.html
index b06dc134..86936031 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.html
+++ b/projects/angular-js/advanced/contact-manager/src/app/app.component.html
@@ -1,8 +1,8 @@
-<main class="w-full min-h-screen bg-slate-300 flex items-start py-10 justify-center z-0">
-
-  <section class="w-2/3 min-h-96 max-h-full bg-white">
-    <app-header></app-header>
-    <app-contact-list></app-contact-list>
-  </section>
-
+<main class="w-full min-h-screen bg-slate-300 flex items-start py-10 justify-center z-0">
+
+  <section class="w-2/3 min-h-96 max-h-full bg-white">
+    <app-header></app-header>
+    <app-contact-list></app-contact-list>
+  </section>
+
 </main>
\ No newline at end of file
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.spec.ts b/projects/angular-js/advanced/contact-manager/src/app/app.component.spec.ts
similarity index 97%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.spec.ts
rename to projects/angular-js/advanced/contact-manager/src/app/app.component.spec.ts
index dba54230..dadc5e2e 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.spec.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/app.component.spec.ts
@@ -1,29 +1,29 @@
-import { TestBed } from '@angular/core/testing';
-import { AppComponent } from './app.component';
-
-describe('AppComponent', () => {
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [AppComponent],
-    }).compileComponents();
-  });
-
-  it('should create the app', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app).toBeTruthy();
-  });
-
-  it(`should have the 'contact-manager' title`, () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.componentInstance;
-    expect(app.title).toEqual('contact-manager');
-  });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, contact-manager');
-  });
-});
+import { TestBed } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AppComponent],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have the 'contact-manager' title`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('contact-manager');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, contact-manager');
+  });
+});
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.ts b/projects/angular-js/advanced/contact-manager/src/app/app.component.ts
similarity index 97%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.ts
rename to projects/angular-js/advanced/contact-manager/src/app/app.component.ts
index 2dda792c..76d7ae87 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.component.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/app.component.ts
@@ -1,15 +1,15 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
-import { HeaderComponent } from './components/header/header.component';
-import { ContactListComponent } from './components/contact-list/contact-list.component';
-
-@Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [RouterOutlet, HeaderComponent, ContactListComponent],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.css'
-})
-export class AppComponent {
-  title = 'contact-manager';
-}
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+import { HeaderComponent } from './components/header/header.component';
+import { ContactListComponent } from './components/contact-list/contact-list.component';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterOutlet, HeaderComponent, ContactListComponent],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.css'
+})
+export class AppComponent {
+  title = 'contact-manager';
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.config.ts b/projects/angular-js/advanced/contact-manager/src/app/app.config.ts
similarity index 97%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.config.ts
rename to projects/angular-js/advanced/contact-manager/src/app/app.config.ts
index 8ea69644..e50a28c6 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.config.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/app.config.ts
@@ -1,14 +1,14 @@
-import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
-import { provideRouter } from '@angular/router';
-import { importProvidersFrom } from '@angular/core';
-import { HttpClientModule } from '@angular/common/http';
-
-import { routes } from './app.routes';
-
-export const appConfig: ApplicationConfig = {
-  providers: [
-    provideZoneChangeDetection({ eventCoalescing: true }), 
-    provideRouter(routes),
-    importProvidersFrom(HttpClientModule), 
-  ]
-};
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+import { importProvidersFrom } from '@angular/core';
+import { HttpClientModule } from '@angular/common/http';
+
+import { routes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    provideZoneChangeDetection({ eventCoalescing: true }), 
+    provideRouter(routes),
+    importProvidersFrom(HttpClientModule), 
+  ]
+};
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.routes.ts b/projects/angular-js/advanced/contact-manager/src/app/app.routes.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.routes.ts
rename to projects/angular-js/advanced/contact-manager/src/app/app.routes.ts
index 4f3af40e..dc39edb5 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/app.routes.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/app.routes.ts
@@ -1,3 +1,3 @@
-import { Routes } from '@angular/router';
-
-export const routes: Routes = [];
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [];
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.css b/projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.css
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.css
rename to projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.css
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.html b/projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.html
similarity index 98%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.html
rename to projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.html
index 70c5e943..d7415d21 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.html
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.html
@@ -1,43 +1,43 @@
-<div class="bg-white border shadow-md py-3 px-4 w-full h-96 mx-auto overflow-y-scroll">
-    <input type="text" id="name"
-        class=" mt-2 mb-2 bg-transparent border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2 px-3"
-        [(ngModel)]="searchQuery"
-        (input)="searchContacts()"
-        placeholder="Search contacts..." 
-    />
-    <div class="flow-root m2-4">
-        <ul role="list" class="divide-y divide-gray-200" *ngFor="let contact of filteredContacts">
-            <li class="py-3 px-2 hover:bg-gray-100 cursor-pointer">
-                <div class="flex items-center space-x-4">
-                    <div class="flex-shrink-0 h-10 w-10 grid place-items-center rounded-full border-2 ">
-                        <i class="fa fa-user text-gray-500"></i>
-                    </div>
-                    <div class="flex-1 min-w-0">
-                        <p class="text-sm font-medium text-gray-900 truncate capitalize">
-                            {{contact.name}}
-                        </p>
-                        <p class="text-sm text-gray-500 truncate ">
-                            {{contact.phone}}
-                        </p>
-                        <p class="text-sm text-gray-500 truncate ">
-                            {{contact.email}}
-                        </p>
-                    </div>
-                    <div 
-                        (click)="toggleEditContact(contact)"
-                        class="items-center text-base font-semibold text-white bg-yellow-500 hover:bg-yellow-600 rounded-full w-8 h-8 grid place-items-center"
-                    >
-                        <i class="fa fa-pencil"></i>
-                    </div>
-                    <div 
-                        (click)="deleteContact(contact)"
-                        class="items-center text-base font-semibold text-white bg-red-500 hover:bg-red-600 rounded-full w-8 h-8 grid place-items-center">
-                        <i class="fa fa-trash"></i>
-                    </div>
-                </div>
-            </li>
-        </ul>
-    </div>
-</div>
-
+<div class="bg-white border shadow-md py-3 px-4 w-full h-96 mx-auto overflow-y-scroll">
+    <input type="text" id="name"
+        class=" mt-2 mb-2 bg-transparent border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2 px-3"
+        [(ngModel)]="searchQuery"
+        (input)="searchContacts()"
+        placeholder="Search contacts..." 
+    />
+    <div class="flow-root m2-4">
+        <ul role="list" class="divide-y divide-gray-200" *ngFor="let contact of filteredContacts">
+            <li class="py-3 px-2 hover:bg-gray-100 cursor-pointer">
+                <div class="flex items-center space-x-4">
+                    <div class="flex-shrink-0 h-10 w-10 grid place-items-center rounded-full border-2 ">
+                        <i class="fa fa-user text-gray-500"></i>
+                    </div>
+                    <div class="flex-1 min-w-0">
+                        <p class="text-sm font-medium text-gray-900 truncate capitalize">
+                            {{contact.name}}
+                        </p>
+                        <p class="text-sm text-gray-500 truncate ">
+                            {{contact.phone}}
+                        </p>
+                        <p class="text-sm text-gray-500 truncate ">
+                            {{contact.email}}
+                        </p>
+                    </div>
+                    <div 
+                        (click)="toggleEditContact(contact)"
+                        class="items-center text-base font-semibold text-white bg-yellow-500 hover:bg-yellow-600 rounded-full w-8 h-8 grid place-items-center"
+                    >
+                        <i class="fa fa-pencil"></i>
+                    </div>
+                    <div 
+                        (click)="deleteContact(contact)"
+                        class="items-center text-base font-semibold text-white bg-red-500 hover:bg-red-600 rounded-full w-8 h-8 grid place-items-center">
+                        <i class="fa fa-trash"></i>
+                    </div>
+                </div>
+            </li>
+        </ul>
+    </div>
+</div>
+
 <app-edit-contact *ngIf="editContact.id.length" [editContact]="editContact" (toggleTask)="toggleEditContact($event)"></app-edit-contact>
\ No newline at end of file
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.spec.ts b/projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.spec.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.spec.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.spec.ts
index 366b2f80..7399922b 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.spec.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.spec.ts
@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ContactListComponent } from './contact-list.component';
-
-describe('ContactListComponent', () => {
-  let component: ContactListComponent;
-  let fixture: ComponentFixture<ContactListComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [ContactListComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(ContactListComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactListComponent } from './contact-list.component';
+
+describe('ContactListComponent', () => {
+  let component: ContactListComponent;
+  let fixture: ComponentFixture<ContactListComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ContactListComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ContactListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.ts b/projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.ts
index f2e292fb..a5a431e1 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/contact-list/contact-list.component.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/contact-list/contact-list.component.ts
@@ -1,55 +1,55 @@
-import { Component, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { ContactService } from '../../services/contact.service';
-import { Contact } from '../../models/contact';
-import { CommonModule } from '@angular/common';
-import { EditContactComponent } from '../edit-contact/edit-contact.component';
-import { FormsModule } from '@angular/forms';
-
-@Component({
-  selector: 'app-contact-list',
-  standalone: true,
-  imports: [CommonModule, EditContactComponent, FormsModule],
-  templateUrl: './contact-list.component.html',
-  styleUrl: './contact-list.component.css'
-})
-export class ContactListComponent implements OnInit {
-
-  contacts: Contact[] = [];
-  editContact: Contact = {id: "", name: "", email: "", phone: ""};
-  searchQuery: string = "";
-  filteredContacts: Contact[] = [];
-
-  toggleEditContact(contact: Contact): void {
-    this.editContact = contact;
-    console.log("currently the edit contact is: ", this.editContact)
-  }
-
-  ngOnInit(): void {
-    this.getAllTasks()
-  }
-
-  constructor(private contactService: ContactService) {}
-
-  getAllTasks(): void {
-    this.contactService.getAllContacts().subscribe(res => {
-      this.contacts = res.sort((a, b) => a.name.localeCompare(b.name))
-      this.filteredContacts = this.contacts
-    }, err => {
-      console.log(err)
-    })
-  }
-
-  deleteContact(contact: Contact):void {
-    this.contactService.deleteContact(contact).subscribe(res => {
-      console.log(res)
-      window.location.reload()
-    }, err => {
-      console.log(err)
-    })
-  }
-
-  searchContacts(): void {
-    this.filteredContacts = this.contacts
-    .filter(contact => contact.name.toLowerCase().includes(this.searchQuery.toLowerCase()) || contact.phone.includes(this.searchQuery))
-  }
-}
+import { Component, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ContactService } from '../../services/contact.service';
+import { Contact } from '../../models/contact';
+import { CommonModule } from '@angular/common';
+import { EditContactComponent } from '../edit-contact/edit-contact.component';
+import { FormsModule } from '@angular/forms';
+
+@Component({
+  selector: 'app-contact-list',
+  standalone: true,
+  imports: [CommonModule, EditContactComponent, FormsModule],
+  templateUrl: './contact-list.component.html',
+  styleUrl: './contact-list.component.css'
+})
+export class ContactListComponent implements OnInit {
+
+  contacts: Contact[] = [];
+  editContact: Contact = {id: "", name: "", email: "", phone: ""};
+  searchQuery: string = "";
+  filteredContacts: Contact[] = [];
+
+  toggleEditContact(contact: Contact): void {
+    this.editContact = contact;
+    console.log("currently the edit contact is: ", this.editContact)
+  }
+
+  ngOnInit(): void {
+    this.getAllTasks()
+  }
+
+  constructor(private contactService: ContactService) {}
+
+  getAllTasks(): void {
+    this.contactService.getAllContacts().subscribe(res => {
+      this.contacts = res.sort((a, b) => a.name.localeCompare(b.name))
+      this.filteredContacts = this.contacts
+    }, err => {
+      console.log(err)
+    })
+  }
+
+  deleteContact(contact: Contact):void {
+    this.contactService.deleteContact(contact).subscribe(res => {
+      console.log(res)
+      window.location.reload()
+    }, err => {
+      console.log(err)
+    })
+  }
+
+  searchContacts(): void {
+    this.filteredContacts = this.contacts
+    .filter(contact => contact.name.toLowerCase().includes(this.searchQuery.toLowerCase()) || contact.phone.includes(this.searchQuery))
+  }
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.css b/projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.css
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.css
rename to projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.css
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.html b/projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.html
similarity index 98%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.html
rename to projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.html
index c0d28a01..d3ff510f 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.html
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.html
@@ -1,59 +1,59 @@
-<div tabindex="-1"
-    class="overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-screen bg-blur">
-    <div class="relative p-4 w-full max-w-md max-h-full">
-        <!-- Modal header -->
-        <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
-            <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
-                <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
-                    Edit Contact
-                </h3>
-                <button (click)="setTaskNull()"
-                    class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white">
-                    <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
-                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                            d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
-                    </svg>
-                    <span class="sr-only">Close modal</span>
-                </button>
-            </div>
-            <!-- Modal body -->
-            <div class="p-4 md:p-5">
-                <form [formGroup]="contactForm" (ngSubmit)="onSubmit()" class="space-y-4">
-                    <div>
-                        <label for="name"
-                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Name</label>
-                        <input type="text" id="name" formControlName="name"
-                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-                            placeholder="John Smith" />
-                        <div class="text-red-500 text-sm">{{errors.name}}</div>
-                    </div>
-
-                    <div>
-                        <label for="email"
-                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Email</label>
-                        <input type="email" id="email" formControlName="email"
-                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-                            placeholder="johnsmith@example.com" />
-                        <div class="text-red-500 text-sm">{{errors.email}}</div>
-                    </div>
-
-                    <div>
-                        <label for="phone"
-                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Phone</label>
-                        <input type="text" id="phone" formControlName="phone"
-                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-                            placeholder="xxxxxxxxxx" />
-                        <div class="text-red-500 text-sm">{{errors.phone}}</div>
-                    </div>
-
-                    <button type="submit"
-                        class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
-                        Save Contact
-                    </button>
-                </form>
-            </div>
-
-
-        </div>
-    </div>
-</div>
+<div tabindex="-1"
+    class="overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-screen bg-blur">
+    <div class="relative p-4 w-full max-w-md max-h-full">
+        <!-- Modal header -->
+        <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
+            <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
+                <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
+                    Edit Contact
+                </h3>
+                <button (click)="setTaskNull()"
+                    class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white">
+                    <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
+                    </svg>
+                    <span class="sr-only">Close modal</span>
+                </button>
+            </div>
+            <!-- Modal body -->
+            <div class="p-4 md:p-5">
+                <form [formGroup]="contactForm" (ngSubmit)="onSubmit()" class="space-y-4">
+                    <div>
+                        <label for="name"
+                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Name</label>
+                        <input type="text" id="name" formControlName="name"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+                            placeholder="John Smith" />
+                        <div class="text-red-500 text-sm">{{errors.name}}</div>
+                    </div>
+
+                    <div>
+                        <label for="email"
+                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Email</label>
+                        <input type="email" id="email" formControlName="email"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+                            placeholder="johnsmith@example.com" />
+                        <div class="text-red-500 text-sm">{{errors.email}}</div>
+                    </div>
+
+                    <div>
+                        <label for="phone"
+                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Phone</label>
+                        <input type="text" id="phone" formControlName="phone"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+                            placeholder="xxxxxxxxxx" />
+                        <div class="text-red-500 text-sm">{{errors.phone}}</div>
+                    </div>
+
+                    <button type="submit"
+                        class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+                        Save Contact
+                    </button>
+                </form>
+            </div>
+
+
+        </div>
+    </div>
+</div>
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.spec.ts b/projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.spec.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.spec.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.spec.ts
index bbf6cc6f..65749f79 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.spec.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.spec.ts
@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { EditContactComponent } from './edit-contact.component';
-
-describe('EditContactComponent', () => {
-  let component: EditContactComponent;
-  let fixture: ComponentFixture<EditContactComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [EditContactComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(EditContactComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { EditContactComponent } from './edit-contact.component';
+
+describe('EditContactComponent', () => {
+  let component: EditContactComponent;
+  let fixture: ComponentFixture<EditContactComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [EditContactComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(EditContactComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.ts b/projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.ts
index 4a6bbdd1..fa4d6f6a 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/edit-contact/edit-contact.component.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/edit-contact/edit-contact.component.ts
@@ -1,78 +1,78 @@
-import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
-import { Contact } from '../../models/contact';
-import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { ContactService } from '../../services/contact.service';
-
-@Component({
-  selector: 'app-edit-contact',
-  standalone: true,
-  imports: [ReactiveFormsModule],
-  templateUrl: './edit-contact.component.html',
-  styleUrl: './edit-contact.component.css'
-})
-export class EditContactComponent implements OnChanges  {
-
-  @Output() toggleTask = new EventEmitter<Contact>()
-  @Input() editContact!: Contact;
-  contactForm: FormGroup;
-  errors = {name: "", phone: "", email: ""}
-  newContact: Contact = new Contact();
-
-  constructor(private fb: FormBuilder, private contactService: ContactService) {
-    this.contactForm = this.fb.group({
-      name: ["", [Validators.required]],
-      email: ["", [Validators.email]],
-      phone: ["", [Validators.required]]
-    });
-    console.log(this.editContact);
-
-  }
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (changes['editContact']) {
-      const contact = changes['editContact'].currentValue;
-      if (contact) {
-        this.contactForm.patchValue({
-          name: contact.name,
-          email: contact.email,
-          phone: contact.phone
-        });
-      }
-    }
-  }
-
-
-  onSubmit(): void {
-    this.errors = {name: "", phone: "", email: ""}
-    if (this.contactForm.valid) {
-      console.log('Form Submitted:', this.contactForm.value);
-      this.newContact = this.contactForm.value;
-      this.newContact.id = this.editContact.id;
-      console.log(this.newContact)
-      this.contactService.editContact(this.newContact).subscribe(res => {
-        console.log("edited")
-        console.log(res)
-        window.location.reload()
-      }, err => {
-        console.log(err)
-      })
-    } else {
-      console.log('Form is invalid');
-      this.displayFormErrors();
-    }
-  }
-
-  displayFormErrors(): void {
-    this.errors= {
-      name: this.contactForm.get('name')?.hasError('required') ? 'Name is required' : '',
-      phone: this.contactForm.get('phone')?.hasError('required') ? 'Phone number is required' : '',
-      email: this.contactForm.get('email')?.hasError('email') ? 'Invalid email format' : ''
-    };
-  }
-
-  setTaskNull(): void {
-    console.log("Going to emit")
-    this.toggleTask.emit({id: "", name: "", email: "", phone: ""})
-  }
-
-}
+import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
+import { Contact } from '../../models/contact';
+import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { ContactService } from '../../services/contact.service';
+
+@Component({
+  selector: 'app-edit-contact',
+  standalone: true,
+  imports: [ReactiveFormsModule],
+  templateUrl: './edit-contact.component.html',
+  styleUrl: './edit-contact.component.css'
+})
+export class EditContactComponent implements OnChanges  {
+
+  @Output() toggleTask = new EventEmitter<Contact>()
+  @Input() editContact!: Contact;
+  contactForm: FormGroup;
+  errors = {name: "", phone: "", email: ""}
+  newContact: Contact = new Contact();
+
+  constructor(private fb: FormBuilder, private contactService: ContactService) {
+    this.contactForm = this.fb.group({
+      name: ["", [Validators.required]],
+      email: ["", [Validators.email]],
+      phone: ["", [Validators.required]]
+    });
+    console.log(this.editContact);
+
+  }
+
+  ngOnChanges(changes: SimpleChanges): void {
+    if (changes['editContact']) {
+      const contact = changes['editContact'].currentValue;
+      if (contact) {
+        this.contactForm.patchValue({
+          name: contact.name,
+          email: contact.email,
+          phone: contact.phone
+        });
+      }
+    }
+  }
+
+
+  onSubmit(): void {
+    this.errors = {name: "", phone: "", email: ""}
+    if (this.contactForm.valid) {
+      console.log('Form Submitted:', this.contactForm.value);
+      this.newContact = this.contactForm.value;
+      this.newContact.id = this.editContact.id;
+      console.log(this.newContact)
+      this.contactService.editContact(this.newContact).subscribe(res => {
+        console.log("edited")
+        console.log(res)
+        window.location.reload()
+      }, err => {
+        console.log(err)
+      })
+    } else {
+      console.log('Form is invalid');
+      this.displayFormErrors();
+    }
+  }
+
+  displayFormErrors(): void {
+    this.errors= {
+      name: this.contactForm.get('name')?.hasError('required') ? 'Name is required' : '',
+      phone: this.contactForm.get('phone')?.hasError('required') ? 'Phone number is required' : '',
+      email: this.contactForm.get('email')?.hasError('email') ? 'Invalid email format' : ''
+    };
+  }
+
+  setTaskNull(): void {
+    console.log("Going to emit")
+    this.toggleTask.emit({id: "", name: "", email: "", phone: ""})
+  }
+
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.css b/projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.css
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.css
rename to projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.css
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.html b/projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.html
similarity index 98%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.html
rename to projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.html
index 08d97541..3634dc54 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.html
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.html
@@ -1,9 +1,9 @@
-<header class="p-3 border-b-2 flex justify-between">
-    <h2 class="text-center text-2xl font-bold tracking-tight text-indigo-900">
-        Contact manager
-    </h2>
-    <button (click)="toggleNewContactModal(true)" class="flex justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
-        New contact
-    </button>
-</header>
-<app-new-contact *ngIf="isNewContactModalOpen" (closeNewContactModal)="toggleNewContactModal($event)"></app-new-contact>
+<header class="p-3 border-b-2 flex justify-between">
+    <h2 class="text-center text-2xl font-bold tracking-tight text-indigo-900">
+        Contact manager
+    </h2>
+    <button (click)="toggleNewContactModal(true)" class="flex justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
+        New contact
+    </button>
+</header>
+<app-new-contact *ngIf="isNewContactModalOpen" (closeNewContactModal)="toggleNewContactModal($event)"></app-new-contact>
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.spec.ts b/projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.spec.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.spec.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.spec.ts
index 1cb98da0..204ed6e4 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.spec.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.spec.ts
@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { HeaderComponent } from './header.component';
-
-describe('HeaderComponent', () => {
-  let component: HeaderComponent;
-  let fixture: ComponentFixture<HeaderComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HeaderComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(HeaderComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HeaderComponent } from './header.component';
+
+describe('HeaderComponent', () => {
+  let component: HeaderComponent;
+  let fixture: ComponentFixture<HeaderComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [HeaderComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(HeaderComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.ts b/projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.ts
index addf4e3a..da4b98d2 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/header/header.component.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/header/header.component.ts
@@ -1,21 +1,21 @@
-import { Component } from '@angular/core';
-import { NewContactComponent } from '../new-contact/new-contact.component';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'app-header',
-  standalone: true,
-  imports: [NewContactComponent, CommonModule],
-  templateUrl: './header.component.html',
-  styleUrl: './header.component.css',
-})
-export class HeaderComponent {
-
-  isNewContactModalOpen : boolean = false;
-
-  toggleNewContactModal(toggle: boolean): void {
-    this.isNewContactModalOpen = toggle;
-    console.log("currently the modal is: ", this.isNewContactModalOpen)
-  }
-
-}
+import { Component } from '@angular/core';
+import { NewContactComponent } from '../new-contact/new-contact.component';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'app-header',
+  standalone: true,
+  imports: [NewContactComponent, CommonModule],
+  templateUrl: './header.component.html',
+  styleUrl: './header.component.css',
+})
+export class HeaderComponent {
+
+  isNewContactModalOpen : boolean = false;
+
+  toggleNewContactModal(toggle: boolean): void {
+    this.isNewContactModalOpen = toggle;
+    console.log("currently the modal is: ", this.isNewContactModalOpen)
+  }
+
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.css b/projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.css
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.css
rename to projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.css
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.html b/projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.html
similarity index 98%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.html
rename to projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.html
index 0305c969..b7bff3ce 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.html
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.html
@@ -1,59 +1,59 @@
-<div tabindex="-1"
-    class="overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-screen bg-blur">
-    <div class="relative p-4 w-full max-w-md max-h-full">
-        <!-- Modal header -->
-        <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
-            <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
-                <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
-                    New Contact
-                </h3>
-                <button (click)="close()"
-                    class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white">
-                    <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
-                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                            d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
-                    </svg>
-                    <span class="sr-only">Close modal</span>
-                </button>
-            </div>
-            <!-- Modal body -->
-            <div class="p-4 md:p-5">
-                <form [formGroup]="contactForm" (ngSubmit)="onSubmit()" class="space-y-4">
-                    <div>
-                        <label for="name"
-                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Name</label>
-                        <input type="text" id="name" formControlName="name"
-                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-                            placeholder="John Smith" />
-                        <div class="text-red-500 text-sm">{{errors.name}}</div>
-                    </div>
-
-                    <div>
-                        <label for="email"
-                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Email</label>
-                        <input type="email" id="email" formControlName="email"
-                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-                            placeholder="johnsmith@example.com" />
-                        <div class="text-red-500 text-sm">{{errors.email}}</div>
-                    </div>
-
-                    <div>
-                        <label for="phone"
-                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Phone</label>
-                        <input type="text" id="phone" formControlName="phone"
-                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
-                            placeholder="xxxxxxxxxx" />
-                        <div class="text-red-500 text-sm">{{errors.phone}}</div>
-                    </div>
-
-                    <button type="submit"
-                        class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
-                        Create Contact
-                    </button>
-                </form>
-            </div>
-
-
-        </div>
-    </div>
+<div tabindex="-1"
+    class="overflow-y-auto overflow-x-hidden fixed top-0 right-0 left-0 z-50 flex justify-center items-center w-full h-screen bg-blur">
+    <div class="relative p-4 w-full max-w-md max-h-full">
+        <!-- Modal header -->
+        <div class="relative bg-white rounded-lg shadow dark:bg-gray-700">
+            <div class="flex items-center justify-between p-4 md:p-5 border-b rounded-t dark:border-gray-600">
+                <h3 class="text-xl font-semibold text-gray-900 dark:text-white">
+                    New Contact
+                </h3>
+                <button (click)="close()"
+                    class="end-2.5 text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center dark:hover:bg-gray-600 dark:hover:text-white">
+                    <svg class="w-3 h-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                            d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6" />
+                    </svg>
+                    <span class="sr-only">Close modal</span>
+                </button>
+            </div>
+            <!-- Modal body -->
+            <div class="p-4 md:p-5">
+                <form [formGroup]="contactForm" (ngSubmit)="onSubmit()" class="space-y-4">
+                    <div>
+                        <label for="name"
+                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Name</label>
+                        <input type="text" id="name" formControlName="name"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+                            placeholder="John Smith" />
+                        <div class="text-red-500 text-sm">{{errors.name}}</div>
+                    </div>
+
+                    <div>
+                        <label for="email"
+                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Email</label>
+                        <input type="email" id="email" formControlName="email"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+                            placeholder="johnsmith@example.com" />
+                        <div class="text-red-500 text-sm">{{errors.email}}</div>
+                    </div>
+
+                    <div>
+                        <label for="phone"
+                            class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Phone</label>
+                        <input type="text" id="phone" formControlName="phone"
+                            class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-600 dark:border-gray-500 dark:placeholder-gray-400 dark:text-white"
+                            placeholder="xxxxxxxxxx" />
+                        <div class="text-red-500 text-sm">{{errors.phone}}</div>
+                    </div>
+
+                    <button type="submit"
+                        class="w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+                        Create Contact
+                    </button>
+                </form>
+            </div>
+
+
+        </div>
+    </div>
 </div>
\ No newline at end of file
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.spec.ts b/projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.spec.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.spec.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.spec.ts
index a56eb18b..a6b88212 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.spec.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.spec.ts
@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { NewContactComponent } from './new-contact.component';
-
-describe('NewContactComponent', () => {
-  let component: NewContactComponent;
-  let fixture: ComponentFixture<NewContactComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [NewContactComponent]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(NewContactComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NewContactComponent } from './new-contact.component';
+
+describe('NewContactComponent', () => {
+  let component: NewContactComponent;
+  let fixture: ComponentFixture<NewContactComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [NewContactComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(NewContactComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.ts b/projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.ts
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.ts
rename to projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.ts
index 2b06331c..9258aba9 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/components/new-contact/new-contact.component.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/components/new-contact/new-contact.component.ts
@@ -1,61 +1,61 @@
-import { Component, EventEmitter, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
-import { Contact } from '../../models/contact';
-import { ContactService } from '../../services/contact.service';
-
-@Component({
-  selector: 'app-new-contact',
-  standalone: true,
-  imports: [CommonModule, ReactiveFormsModule],
-  templateUrl: './new-contact.component.html',
-  styleUrl: './new-contact.component.css'
-})
-export class NewContactComponent  {
-
-  @Output() closeNewContactModal = new EventEmitter<boolean>()
-  contactForm: FormGroup;
-  errors = {name: "", phone: "", email: ""}
-  newContact: Contact = new Contact();
-
-  constructor(private fb: FormBuilder, private contactService: ContactService) {
-    this.contactForm = this.fb.group({
-      name: ['', [Validators.required]],
-      email: ['', [Validators.email]],
-      phone: ['', [Validators.required]]
-    });
-  }
-
-  onSubmit(): void {
-    this.errors = {name: "", phone: "", email: ""}
-    if (this.contactForm.valid) {
-      console.log('Form Submitted:', this.contactForm.value);
-      this.newContact = this.contactForm.value;
-      this.contactService.addContact(this.newContact).subscribe(res => {
-        console.log("addedd")
-        console.log(res)
-        window.location.reload()
-      }, err => {
-        console.log(err)
-      })
-    } else {
-      console.log('Form is invalid');
-      this.displayFormErrors();
-    }
-  }
-
-  displayFormErrors(): void {
-    this.errors= {
-      name: this.contactForm.get('name')?.hasError('required') ? 'Name is required' : '',
-      phone: this.contactForm.get('phone')?.hasError('required') ? 'Phone number is required' : '',
-      email: this.contactForm.get('email')?.hasError('email') ? 'Invalid email format' : ''
-    };
-  }
-
-  close(): void {
-    console.log("Going to emit")
-    this.closeNewContactModal.emit(false)
-  }
-
-
-}
+import { Component, EventEmitter, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule, FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { Contact } from '../../models/contact';
+import { ContactService } from '../../services/contact.service';
+
+@Component({
+  selector: 'app-new-contact',
+  standalone: true,
+  imports: [CommonModule, ReactiveFormsModule],
+  templateUrl: './new-contact.component.html',
+  styleUrl: './new-contact.component.css'
+})
+export class NewContactComponent  {
+
+  @Output() closeNewContactModal = new EventEmitter<boolean>()
+  contactForm: FormGroup;
+  errors = {name: "", phone: "", email: ""}
+  newContact: Contact = new Contact();
+
+  constructor(private fb: FormBuilder, private contactService: ContactService) {
+    this.contactForm = this.fb.group({
+      name: ['', [Validators.required]],
+      email: ['', [Validators.email]],
+      phone: ['', [Validators.required]]
+    });
+  }
+
+  onSubmit(): void {
+    this.errors = {name: "", phone: "", email: ""}
+    if (this.contactForm.valid) {
+      console.log('Form Submitted:', this.contactForm.value);
+      this.newContact = this.contactForm.value;
+      this.contactService.addContact(this.newContact).subscribe(res => {
+        console.log("addedd")
+        console.log(res)
+        window.location.reload()
+      }, err => {
+        console.log(err)
+      })
+    } else {
+      console.log('Form is invalid');
+      this.displayFormErrors();
+    }
+  }
+
+  displayFormErrors(): void {
+    this.errors= {
+      name: this.contactForm.get('name')?.hasError('required') ? 'Name is required' : '',
+      phone: this.contactForm.get('phone')?.hasError('required') ? 'Phone number is required' : '',
+      email: this.contactForm.get('email')?.hasError('email') ? 'Invalid email format' : ''
+    };
+  }
+
+  close(): void {
+    console.log("Going to emit")
+    this.closeNewContactModal.emit(false)
+  }
+
+
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/models/contact.spec.ts b/projects/angular-js/advanced/contact-manager/src/app/models/contact.spec.ts
similarity index 95%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/models/contact.spec.ts
rename to projects/angular-js/advanced/contact-manager/src/app/models/contact.spec.ts
index 5008ce46..948e63a3 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/models/contact.spec.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/models/contact.spec.ts
@@ -1,7 +1,7 @@
-import { Contact } from './contact';
-
-describe('Contact', () => {
-  it('should create an instance', () => {
-    expect(new Contact()).toBeTruthy();
-  });
-});
+import { Contact } from './contact';
+
+describe('Contact', () => {
+  it('should create an instance', () => {
+    expect(new Contact()).toBeTruthy();
+  });
+});
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/models/contact.ts b/projects/angular-js/advanced/contact-manager/src/app/models/contact.ts
similarity index 95%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/models/contact.ts
rename to projects/angular-js/advanced/contact-manager/src/app/models/contact.ts
index a18abc8a..5ce801d6 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/models/contact.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/models/contact.ts
@@ -1,6 +1,6 @@
-export class Contact {
-    id: string = "";
-    name: string = "";
-    phone: string = "";
-    email: string = "";
-}
+export class Contact {
+    id: string = "";
+    name: string = "";
+    phone: string = "";
+    email: string = "";
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/services/contact.service.spec.ts b/projects/angular-js/advanced/contact-manager/src/app/services/contact.service.spec.ts
similarity index 95%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/services/contact.service.spec.ts
rename to projects/angular-js/advanced/contact-manager/src/app/services/contact.service.spec.ts
index ec9336d7..10418408 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/services/contact.service.spec.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/services/contact.service.spec.ts
@@ -1,16 +1,16 @@
-import { TestBed } from '@angular/core/testing';
-
-import { ContactService } from './contact.service';
-
-describe('ContactService', () => {
-  let service: ContactService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(ContactService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});
+import { TestBed } from '@angular/core/testing';
+
+import { ContactService } from './contact.service';
+
+describe('ContactService', () => {
+  let service: ContactService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ContactService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/services/contact.service.ts b/projects/angular-js/advanced/contact-manager/src/app/services/contact.service.ts
similarity index 97%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/app/services/contact.service.ts
rename to projects/angular-js/advanced/contact-manager/src/app/services/contact.service.ts
index 1ae6a259..c5d6da24 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/app/services/contact.service.ts
+++ b/projects/angular-js/advanced/contact-manager/src/app/services/contact.service.ts
@@ -1,50 +1,50 @@
-// This is a service provided by Angular’s @angular/common/http module. It is used to make HTTP requests (GET, POST, PUT, DELETE, etc.) to communicate with a backend server.
-import { HttpClient } from '@angular/common/http';
-
-// Injectable: This decorator marks the class as a service that can be injected into other components or services. It is part of Angular’s dependency injection system.
-import { Injectable } from '@angular/core';
-import { Contact } from '../models/contact';
-import { Observable } from 'rxjs';
-
-@Injectable({
-  // This specifies that the service is provided at the root level, 
-  // meaning that Angular will create a single instance of this service that is shared across the entire application (singleton). 
-  // This is the recommended way to provide services in Angular as it avoids duplication.
-  providedIn: 'root'
-})
-
-// This defines the ContactService class, which is exported so it can be imported and used in other parts of the application.
-export class ContactService {
-
-  // This is a property of the class that holds the URL for the backend service where the contacts data can be fetched, updated, or manipulated.
-  serviceUrl: string = "";
-
-  // The constructor is a special method that gets called when an instance of this service is created.
-  // The HttpClient is injected into the service through the constructor. 
-  constructor(private http: HttpClient) { 
-    this.serviceUrl = "http://localhost:3000/contacts";
-  }
-
-  // The method returns an Observable that emits a Contact. 
-  // In Angular, HttpClient methods return observables, which are a key part of reactive programming. 
-  // Observables allow you to handle asynchronous operations like HTTP requests and can be subscribed 
-  // to in components to perform actions when the request completes.
-  // The method returns an Observable<Contact>, which will emit the response from the server when the POST request is complete. 
-  addContact(contact: Contact):  Observable<Contact> {
-    return this.http.post<Contact>(this.serviceUrl, contact);
-  }
-
-  getAllContacts():  Observable<Contact[]> {
-    return this.http.get<Contact[]>(this.serviceUrl);
-  }
-
-  deleteContact(contact: Contact): Observable<Contact> {
-    return this.http.delete<Contact>(this.serviceUrl + `/${contact.id}`)
-  }
-
-  editContact(contact: Contact): Observable<Contact> {
-    return this.http.put<Contact>(this.serviceUrl + `/${contact.id}`, contact)
-  }
-
-
-}
+// This is a service provided by Angular’s @angular/common/http module. It is used to make HTTP requests (GET, POST, PUT, DELETE, etc.) to communicate with a backend server.
+import { HttpClient } from '@angular/common/http';
+
+// Injectable: This decorator marks the class as a service that can be injected into other components or services. It is part of Angular’s dependency injection system.
+import { Injectable } from '@angular/core';
+import { Contact } from '../models/contact';
+import { Observable } from 'rxjs';
+
+@Injectable({
+  // This specifies that the service is provided at the root level, 
+  // meaning that Angular will create a single instance of this service that is shared across the entire application (singleton). 
+  // This is the recommended way to provide services in Angular as it avoids duplication.
+  providedIn: 'root'
+})
+
+// This defines the ContactService class, which is exported so it can be imported and used in other parts of the application.
+export class ContactService {
+
+  // This is a property of the class that holds the URL for the backend service where the contacts data can be fetched, updated, or manipulated.
+  serviceUrl: string = "";
+
+  // The constructor is a special method that gets called when an instance of this service is created.
+  // The HttpClient is injected into the service through the constructor. 
+  constructor(private http: HttpClient) { 
+    this.serviceUrl = "http://localhost:3000/contacts";
+  }
+
+  // The method returns an Observable that emits a Contact. 
+  // In Angular, HttpClient methods return observables, which are a key part of reactive programming. 
+  // Observables allow you to handle asynchronous operations like HTTP requests and can be subscribed 
+  // to in components to perform actions when the request completes.
+  // The method returns an Observable<Contact>, which will emit the response from the server when the POST request is complete. 
+  addContact(contact: Contact):  Observable<Contact> {
+    return this.http.post<Contact>(this.serviceUrl, contact);
+  }
+
+  getAllContacts():  Observable<Contact[]> {
+    return this.http.get<Contact[]>(this.serviceUrl);
+  }
+
+  deleteContact(contact: Contact): Observable<Contact> {
+    return this.http.delete<Contact>(this.serviceUrl + `/${contact.id}`)
+  }
+
+  editContact(contact: Contact): Observable<Contact> {
+    return this.http.put<Contact>(this.serviceUrl + `/${contact.id}`, contact)
+  }
+
+
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/index.html b/projects/angular-js/advanced/contact-manager/src/index.html
similarity index 97%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/index.html
rename to projects/angular-js/advanced/contact-manager/src/index.html
index 5368f4f9..750ad81e 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/index.html
+++ b/projects/angular-js/advanced/contact-manager/src/index.html
@@ -1,21 +1,21 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="utf-8">
-  <title>ContactManager</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
-  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
-</head>
-
-<body>
-  <app-root></app-root>
-</body>
-
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>ContactManager</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <script src="https://kit.fontawesome.com/c732ec9339.js" crossorigin="anonymous"></script>
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+  <link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />
+</head>
+
+<body>
+  <app-root></app-root>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/main.ts b/projects/angular-js/advanced/contact-manager/src/main.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/main.ts
rename to projects/angular-js/advanced/contact-manager/src/main.ts
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/app/globals.css b/projects/angular-js/advanced/contact-manager/src/styles.css
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/app/globals.css
rename to projects/angular-js/advanced/contact-manager/src/styles.css
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/tailwind.config.js b/projects/angular-js/advanced/contact-manager/tailwind.config.js
similarity index 100%
rename from Angular-JS-Projects/Advanced/Contact-Manager/tailwind.config.js
rename to projects/angular-js/advanced/contact-manager/tailwind.config.js
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.app.json b/projects/angular-js/advanced/contact-manager/tsconfig.app.json
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.app.json
rename to projects/angular-js/advanced/contact-manager/tsconfig.app.json
index 7a775bdf..3775b37e 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.app.json
+++ b/projects/angular-js/advanced/contact-manager/tsconfig.app.json
@@ -1,15 +1,15 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": [
-    "src/main.ts"
-  ],
-  "include": [
-    "src/**/*.d.ts"
-  ]
-}
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "types": []
+  },
+  "files": [
+    "src/main.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
+  ]
+}
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.json b/projects/angular-js/advanced/contact-manager/tsconfig.json
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.json
rename to projects/angular-js/advanced/contact-manager/tsconfig.json
index 2b1c74df..a9ae8b06 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.json
+++ b/projects/angular-js/advanced/contact-manager/tsconfig.json
@@ -1,32 +1,32 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "moduleResolution": "bundler",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022",
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "outDir": "./dist/out-tsc",
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "moduleResolution": "bundler",
+    "importHelpers": true,
+    "target": "ES2022",
+    "module": "ES2022",
+    "lib": [
+      "ES2022",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/tsconfig.spec.json b/projects/angular-js/advanced/contact-manager/tsconfig.spec.json
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/tsconfig.spec.json
rename to projects/angular-js/advanced/contact-manager/tsconfig.spec.json
diff --git a/Angular-JS-Projects/Basic/Quick-Notes/README.md b/projects/angular-js/basic/quick-notes/README.md
similarity index 100%
rename from Angular-JS-Projects/Basic/Quick-Notes/README.md
rename to projects/angular-js/basic/quick-notes/README.md
diff --git a/Angular-JS-Projects/Basic/Quick-Notes/app.js b/projects/angular-js/basic/quick-notes/app.js
similarity index 100%
rename from Angular-JS-Projects/Basic/Quick-Notes/app.js
rename to projects/angular-js/basic/quick-notes/app.js
diff --git a/Angular-JS-Projects/Basic/Quick-Notes/bg.webp b/projects/angular-js/basic/quick-notes/bg.webp
similarity index 100%
rename from Angular-JS-Projects/Basic/Quick-Notes/bg.webp
rename to projects/angular-js/basic/quick-notes/bg.webp
diff --git a/Angular-JS-Projects/Basic/Quick-Notes/index.html b/projects/angular-js/basic/quick-notes/index.html
similarity index 100%
rename from Angular-JS-Projects/Basic/Quick-Notes/index.html
rename to projects/angular-js/basic/quick-notes/index.html
diff --git a/Angular-JS-Projects/Basic/Quick-Notes/screenshot.webp b/projects/angular-js/basic/quick-notes/screenshot.webp
similarity index 100%
rename from Angular-JS-Projects/Basic/Quick-Notes/screenshot.webp
rename to projects/angular-js/basic/quick-notes/screenshot.webp
diff --git a/Angular-JS-Projects/Basic/Quick-Notes/styles.css b/projects/angular-js/basic/quick-notes/styles.css
similarity index 100%
rename from Angular-JS-Projects/Basic/Quick-Notes/styles.css
rename to projects/angular-js/basic/quick-notes/styles.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/.editorconfig b/projects/angular-js/intermediate/train-website/.editorconfig
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/.editorconfig
rename to projects/angular-js/intermediate/train-website/.editorconfig
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/.gitignore b/projects/angular-js/intermediate/train-website/.gitignore
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/.gitignore
rename to projects/angular-js/intermediate/train-website/.gitignore
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/README.md b/projects/angular-js/intermediate/train-website/README.md
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/README.md
rename to projects/angular-js/intermediate/train-website/README.md
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/angular.json b/projects/angular-js/intermediate/train-website/angular.json
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/angular.json
rename to projects/angular-js/intermediate/train-website/angular.json
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/package.json b/projects/angular-js/intermediate/train-website/package.json
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/package.json
rename to projects/angular-js/intermediate/train-website/package.json
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/proxy.conf.json b/projects/angular-js/intermediate/train-website/proxy.conf.json
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/proxy.conf.json
rename to projects/angular-js/intermediate/train-website/proxy.conf.json
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/public/favicon.ico b/projects/angular-js/intermediate/train-website/public/favicon.ico
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/public/favicon.ico
rename to projects/angular-js/intermediate/train-website/public/favicon.ico
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/screenshot.webp b/projects/angular-js/intermediate/train-website/screenshot.webp
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/screenshot.webp
rename to projects/angular-js/intermediate/train-website/screenshot.webp
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/server.ts b/projects/angular-js/intermediate/train-website/server.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/server.ts
rename to projects/angular-js/intermediate/train-website/server.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.css b/projects/angular-js/intermediate/train-website/src/app/app.component.css
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.css
rename to projects/angular-js/intermediate/train-website/src/app/app.component.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.html b/projects/angular-js/intermediate/train-website/src/app/app.component.html
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.html
rename to projects/angular-js/intermediate/train-website/src/app/app.component.html
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.spec.ts b/projects/angular-js/intermediate/train-website/src/app/app.component.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/app.component.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.ts b/projects/angular-js/intermediate/train-website/src/app/app.component.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/app.component.ts
rename to projects/angular-js/intermediate/train-website/src/app/app.component.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/app.config.server.ts b/projects/angular-js/intermediate/train-website/src/app/app.config.server.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/app.config.server.ts
rename to projects/angular-js/intermediate/train-website/src/app/app.config.server.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/app.config.ts b/projects/angular-js/intermediate/train-website/src/app/app.config.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/app.config.ts
rename to projects/angular-js/intermediate/train-website/src/app/app.config.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/app.routes.ts b/projects/angular-js/intermediate/train-website/src/app/app.routes.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/app.routes.ts
rename to projects/angular-js/intermediate/train-website/src/app/app.routes.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/constants/constants.ts b/projects/angular-js/intermediate/train-website/src/app/constants/constants.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/constants/constants.ts
rename to projects/angular-js/intermediate/train-website/src/app/constants/constants.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/models/stations.ts b/projects/angular-js/intermediate/train-website/src/app/models/stations.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/models/stations.ts
rename to projects/angular-js/intermediate/train-website/src/app/models/stations.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.css b/projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.css
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.css
rename to projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.html b/projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.html
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.html
rename to projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.html
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.spec.ts b/projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.ts b/projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/admin/admin.component.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/admin/admin.component.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.css b/projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.css
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.css
rename to projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.html b/projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.html
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.html
rename to projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.html
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.spec.ts b/projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.ts b/projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/bookings/bookings.component.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/bookings/bookings.component.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.css b/projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.css
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.css
rename to projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.html b/projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.html
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.html
rename to projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.html
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.spec.ts b/projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.ts b/projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/home/home.component.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/home/home.component.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.css b/projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.css
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.css
rename to projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.html b/projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.html
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.html
rename to projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.html
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.spec.ts b/projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.ts b/projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/search/search.component.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/search/search.component.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.css b/projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.css
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.css
rename to projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.html b/projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.html
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.html
rename to projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.html
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.spec.ts b/projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.ts b/projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/pages/trains/trains.component.ts
rename to projects/angular-js/intermediate/train-website/src/app/pages/trains/trains.component.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/services/stations.service.spec.ts b/projects/angular-js/intermediate/train-website/src/app/services/stations.service.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/services/stations.service.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/services/stations.service.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/services/stations.service.ts b/projects/angular-js/intermediate/train-website/src/app/services/stations.service.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/services/stations.service.ts
rename to projects/angular-js/intermediate/train-website/src/app/services/stations.service.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/services/trains.service.spec.ts b/projects/angular-js/intermediate/train-website/src/app/services/trains.service.spec.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/services/trains.service.spec.ts
rename to projects/angular-js/intermediate/train-website/src/app/services/trains.service.spec.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/app/services/trains.service.ts b/projects/angular-js/intermediate/train-website/src/app/services/trains.service.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/app/services/trains.service.ts
rename to projects/angular-js/intermediate/train-website/src/app/services/trains.service.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/environments/environment.development.ts b/projects/angular-js/intermediate/train-website/src/environments/environment.development.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/environments/environment.development.ts
rename to projects/angular-js/intermediate/train-website/src/environments/environment.development.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/environments/environment.ts b/projects/angular-js/intermediate/train-website/src/environments/environment.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/environments/environment.ts
rename to projects/angular-js/intermediate/train-website/src/environments/environment.ts
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/index.html b/projects/angular-js/intermediate/train-website/src/index.html
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/index.html
rename to projects/angular-js/intermediate/train-website/src/index.html
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/main.server.ts b/projects/angular-js/intermediate/train-website/src/main.server.ts
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/main.server.ts
rename to projects/angular-js/intermediate/train-website/src/main.server.ts
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/main.ts b/projects/angular-js/intermediate/train-website/src/main.ts
similarity index 97%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/main.ts
rename to projects/angular-js/intermediate/train-website/src/main.ts
index 89ca5674..35b00f34 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/main.ts
+++ b/projects/angular-js/intermediate/train-website/src/main.ts
@@ -1,6 +1,6 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { appConfig } from './app/app.config';
-import { AppComponent } from './app/app.component';
-
-bootstrapApplication(AppComponent, appConfig)
-  .catch((err) => console.error(err));
+import { bootstrapApplication } from '@angular/platform-browser';
+import { appConfig } from './app/app.config';
+import { AppComponent } from './app/app.component';
+
+bootstrapApplication(AppComponent, appConfig)
+  .catch((err) => console.error(err));
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/src/styles.css b/projects/angular-js/intermediate/train-website/src/styles.css
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/src/styles.css
rename to projects/angular-js/intermediate/train-website/src/styles.css
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/tsconfig.app.json b/projects/angular-js/intermediate/train-website/tsconfig.app.json
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/tsconfig.app.json
rename to projects/angular-js/intermediate/train-website/tsconfig.app.json
diff --git a/Angular-JS-Projects/Intermediate/Train-Website/tsconfig.json b/projects/angular-js/intermediate/train-website/tsconfig.json
similarity index 100%
rename from Angular-JS-Projects/Intermediate/Train-Website/tsconfig.json
rename to projects/angular-js/intermediate/train-website/tsconfig.json
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.spec.json b/projects/angular-js/intermediate/train-website/tsconfig.spec.json
similarity index 96%
rename from Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.spec.json
rename to projects/angular-js/intermediate/train-website/tsconfig.spec.json
index 8591662f..5fb748d9 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/tsconfig.spec.json
+++ b/projects/angular-js/intermediate/train-website/tsconfig.spec.json
@@ -1,15 +1,15 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ]
+}
diff --git a/Front-end-Projects/README.md b/projects/front-end/README.md
similarity index 100%
rename from Front-end-Projects/README.md
rename to projects/front-end/README.md
diff --git a/Front-end-Projects/Basic/Animated-Tea-Cup/README.md b/projects/front-end/basic/animated-tea-cup/README.md
similarity index 98%
rename from Front-end-Projects/Basic/Animated-Tea-Cup/README.md
rename to projects/front-end/basic/animated-tea-cup/README.md
index bb00ec41..1187ee18 100644
--- a/Front-end-Projects/Basic/Animated-Tea-Cup/README.md
+++ b/projects/front-end/basic/animated-tea-cup/README.md
@@ -1,76 +1,76 @@
-<h1 align='center'><b>💥 Animated Tea Cup 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
-  <!-- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) -->
-  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
-  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
-  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
-  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
-  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
-  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
-  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
-  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
-  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
-  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
-  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-<div>
-  <!-- <p>Add Description of the project</p> -->
-    <p>This project is used for learning animations by doing CSS Art</p>
-</div>
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-<!-- Add steps how to run this project -->
-
-- Clone the repo
-- Navigate to directory
-- Run `index.html`
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-<!-- add the screenshot of the project (Mandatory) -->
-
-![Img](./screenshot.webp)
-
-
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Amruta Jayanti</i></b> 👦</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/amruta-jayanti-064523254?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/AmrutaJayanti'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 Animated Tea Cup 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
+  <!-- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) -->
+  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
+  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
+  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
+  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
+  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
+  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
+  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
+  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
+  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
+  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
+  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <!-- <p>Add Description of the project</p> -->
+    <p>This project is used for learning animations by doing CSS Art</p>
+</div>
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- Add steps how to run this project -->
+
+- Clone the repo
+- Navigate to directory
+- Run `index.html`
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+![Img](./screenshot.webp)
+
+
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Amruta Jayanti</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/amruta-jayanti-064523254?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/AmrutaJayanti'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Front-end-Projects/Basic/Animated-Tea-Cup/index.html b/projects/front-end/basic/animated-tea-cup/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Animated-Tea-Cup/index.html
rename to projects/front-end/basic/animated-tea-cup/index.html
diff --git a/Front-end-Projects/Basic/Animated-Tea-Cup/screenshot.webp b/projects/front-end/basic/animated-tea-cup/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Animated-Tea-Cup/screenshot.webp
rename to projects/front-end/basic/animated-tea-cup/screenshot.webp
diff --git a/Front-end-Projects/Basic/Animated-Tea-Cup/style.css b/projects/front-end/basic/animated-tea-cup/style.css
similarity index 94%
rename from Front-end-Projects/Basic/Animated-Tea-Cup/style.css
rename to projects/front-end/basic/animated-tea-cup/style.css
index 4cc1b581..ee55ad76 100644
--- a/Front-end-Projects/Basic/Animated-Tea-Cup/style.css
+++ b/projects/front-end/basic/animated-tea-cup/style.css
@@ -1,131 +1,131 @@
-body
-{
-    background: #3a0000;
-    margin: 0;
-    padding: 0;
-}
-
-.speech-bubble {
-    position: absolute;
-    bottom: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-    background: #00aabb;
-    border-radius: 0.4em;
-    padding: 10px 20px;
-    color: white;
-    max-width: 200px;
-    text-align: center;
-}
-
-
-h1
-{
-    text-align: center;
-}
-.cup 
-{
-    position: absolute;
-    top:50%;
-    left:50%;
-    transform: translate(-50%,-50%);
-    width: 150px;
-    height: 160px;
-    background: #fff;
-    border-bottom-left-radius: 20px;
-    border-bottom-right-radius: 20px;
-}
-.cup::before
-{
-    content:'';
-    position: absolute;
-    top: 0;
-    left:0;
-    height: 30px;
-    width:100%;
-    border-radius: 50%;
-    background: #c16d31;
-    border:7px solid #fff;
-    box-sizing: border-box;
-    transform: translateY(-50%);
-    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-}
-.cup::after
-{
-    content:'';
-    position: absolute;
-    top: 48%;
-    right: -50px;
-    height: 96px;
-    width:80px;
-    border-radius: 50%;
-    background: transparent;
-    border:12px solid #fff;
-    box-sizing: border-box;
-    transform: translateY(-50%);
-}
-.plate
-{
-    width :250px;
-    height:30px;
-    border-bottom-left-radius: 40%;
-    border-bottom-right-radius: 40%;
-    background: #fff;
-    position: absolute;
-    top:161px;
-    transform: translateX(-50px);
-}
-ul 
-{
-    margin:0;
-    padding: 0;
-    position: absolute;
-    top: -50%;
-    transform: translateX(10%);
-    width:100%;
-}
-ul li 
-{
-    list-style: none;
-    width:2px;
-    height: 40px;
-    background: #fff;
-    float: left;
-    margin:10px;
-    animation: animate 2s infinite linear;
-}
-
-@keyframes animate {
-    0%{
-        transform: translateY(0);
-        opacity: 1;
-        filter: blur(3px);
-    }
-    100%
-    {
-        transform: translateY(-80px);
-        opacity:0;
-        filter: blur(5px);
-    }
-    
-}
-ul li:nth-child(1)
-{
-    animation-delay: .2s;
-}
-ul li:nth-child(2)
-{
-    animation-delay: .4s;
-}
-ul li:nth-child(3)
-{
-    animation-delay: .6s;
-}
-ul li:nth-child(4)
-{
-    animation-delay: .4s;
-}
-ul li:nth-child(5)
-{
-    animation-delay: .2s;
+body
+{
+    background: #3a0000;
+    margin: 0;
+    padding: 0;
+}
+
+.speech-bubble {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+    background: #00aabb;
+    border-radius: 0.4em;
+    padding: 10px 20px;
+    color: white;
+    max-width: 200px;
+    text-align: center;
+}
+
+
+h1
+{
+    text-align: center;
+}
+.cup 
+{
+    position: absolute;
+    top:50%;
+    left:50%;
+    transform: translate(-50%,-50%);
+    width: 150px;
+    height: 160px;
+    background: #fff;
+    border-bottom-left-radius: 20px;
+    border-bottom-right-radius: 20px;
+}
+.cup::before
+{
+    content:'';
+    position: absolute;
+    top: 0;
+    left:0;
+    height: 30px;
+    width:100%;
+    border-radius: 50%;
+    background: #c16d31;
+    border:7px solid #fff;
+    box-sizing: border-box;
+    transform: translateY(-50%);
+    box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
+}
+.cup::after
+{
+    content:'';
+    position: absolute;
+    top: 48%;
+    right: -50px;
+    height: 96px;
+    width:80px;
+    border-radius: 50%;
+    background: transparent;
+    border:12px solid #fff;
+    box-sizing: border-box;
+    transform: translateY(-50%);
+}
+.plate
+{
+    width :250px;
+    height:30px;
+    border-bottom-left-radius: 40%;
+    border-bottom-right-radius: 40%;
+    background: #fff;
+    position: absolute;
+    top:161px;
+    transform: translateX(-50px);
+}
+ul 
+{
+    margin:0;
+    padding: 0;
+    position: absolute;
+    top: -50%;
+    transform: translateX(10%);
+    width:100%;
+}
+ul li 
+{
+    list-style: none;
+    width:2px;
+    height: 40px;
+    background: #fff;
+    float: left;
+    margin:10px;
+    animation: animate 2s infinite linear;
+}
+
+@keyframes animate {
+    0%{
+        transform: translateY(0);
+        opacity: 1;
+        filter: blur(3px);
+    }
+    100%
+    {
+        transform: translateY(-80px);
+        opacity:0;
+        filter: blur(5px);
+    }
+    
+}
+ul li:nth-child(1)
+{
+    animation-delay: .2s;
+}
+ul li:nth-child(2)
+{
+    animation-delay: .4s;
+}
+ul li:nth-child(3)
+{
+    animation-delay: .6s;
+}
+ul li:nth-child(4)
+{
+    animation-delay: .4s;
+}
+ul li:nth-child(5)
+{
+    animation-delay: .2s;
 }
\ No newline at end of file
diff --git a/Front-end-Projects/Basic/Biography-BR-Ambedkar/images/Dr._Bhimrao_Ambedkar.jpg b/projects/front-end/basic/biography-br-ambedkar/images/Dr._Bhimrao_Ambedkar.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Biography-BR-Ambedkar/images/Dr._Bhimrao_Ambedkar.jpg
rename to projects/front-end/basic/biography-br-ambedkar/images/Dr._Bhimrao_Ambedkar.jpg
diff --git a/Front-end-Projects/Basic/Biography-BR-Ambedkar/index.html b/projects/front-end/basic/biography-br-ambedkar/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Biography-BR-Ambedkar/index.html
rename to projects/front-end/basic/biography-br-ambedkar/index.html
diff --git a/Front-end-Projects/Basic/Biography-BR-Ambedkar/readme.md b/projects/front-end/basic/biography-br-ambedkar/readme.md
similarity index 100%
rename from Front-end-Projects/Basic/Biography-BR-Ambedkar/readme.md
rename to projects/front-end/basic/biography-br-ambedkar/readme.md
diff --git a/Front-end-Projects/Basic/Biography-BR-Ambedkar/screenshot.webp b/projects/front-end/basic/biography-br-ambedkar/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Biography-BR-Ambedkar/screenshot.webp
rename to projects/front-end/basic/biography-br-ambedkar/screenshot.webp
diff --git a/Front-end-Projects/Basic/Biography-BR-Ambedkar/styles.css b/projects/front-end/basic/biography-br-ambedkar/styles.css
similarity index 100%
rename from Front-end-Projects/Basic/Biography-BR-Ambedkar/styles.css
rename to projects/front-end/basic/biography-br-ambedkar/styles.css
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/1.png b/projects/front-end/basic/biography-mahatma-gandhi/images/1.png
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/1.png
rename to projects/front-end/basic/biography-mahatma-gandhi/images/1.png
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/3.jpg b/projects/front-end/basic/biography-mahatma-gandhi/images/3.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/3.jpg
rename to projects/front-end/basic/biography-mahatma-gandhi/images/3.jpg
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/4.jpg b/projects/front-end/basic/biography-mahatma-gandhi/images/4.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/4.jpg
rename to projects/front-end/basic/biography-mahatma-gandhi/images/4.jpg
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture2.jpg b/projects/front-end/basic/biography-mahatma-gandhi/images/Picture2.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture2.jpg
rename to projects/front-end/basic/biography-mahatma-gandhi/images/Picture2.jpg
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture3.jpg b/projects/front-end/basic/biography-mahatma-gandhi/images/Picture3.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture3.jpg
rename to projects/front-end/basic/biography-mahatma-gandhi/images/Picture3.jpg
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture4.jpg b/projects/front-end/basic/biography-mahatma-gandhi/images/Picture4.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture4.jpg
rename to projects/front-end/basic/biography-mahatma-gandhi/images/Picture4.jpg
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture4.png b/projects/front-end/basic/biography-mahatma-gandhi/images/Picture4.png
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/Picture4.png
rename to projects/front-end/basic/biography-mahatma-gandhi/images/Picture4.png
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/favicon.png b/projects/front-end/basic/biography-mahatma-gandhi/images/favicon.png
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/favicon.png
rename to projects/front-end/basic/biography-mahatma-gandhi/images/favicon.png
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/gandhiji.jpg b/projects/front-end/basic/biography-mahatma-gandhi/images/gandhiji.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/images/gandhiji.jpg
rename to projects/front-end/basic/biography-mahatma-gandhi/images/gandhiji.jpg
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/index.html b/projects/front-end/basic/biography-mahatma-gandhi/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/index.html
rename to projects/front-end/basic/biography-mahatma-gandhi/index.html
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/readme.md b/projects/front-end/basic/biography-mahatma-gandhi/readme.md
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/readme.md
rename to projects/front-end/basic/biography-mahatma-gandhi/readme.md
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/screenshot.webp b/projects/front-end/basic/biography-mahatma-gandhi/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/screenshot.webp
rename to projects/front-end/basic/biography-mahatma-gandhi/screenshot.webp
diff --git a/Front-end-Projects/Basic/Biography-Mahatma-Gandhi/style.css b/projects/front-end/basic/biography-mahatma-gandhi/style.css
similarity index 100%
rename from Front-end-Projects/Basic/Biography-Mahatma-Gandhi/style.css
rename to projects/front-end/basic/biography-mahatma-gandhi/style.css
diff --git a/Front-end-Projects/Basic/Blood-Donation-Form/README.md b/projects/front-end/basic/blood-donation-form/README.md
similarity index 100%
rename from Front-end-Projects/Basic/Blood-Donation-Form/README.md
rename to projects/front-end/basic/blood-donation-form/README.md
diff --git a/Front-end-Projects/Basic/Blood-Donation-Form/icon.png b/projects/front-end/basic/blood-donation-form/icon.png
similarity index 100%
rename from Front-end-Projects/Basic/Blood-Donation-Form/icon.png
rename to projects/front-end/basic/blood-donation-form/icon.png
diff --git a/Front-end-Projects/Basic/Blood-Donation-Form/images.jpg b/projects/front-end/basic/blood-donation-form/images.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Blood-Donation-Form/images.jpg
rename to projects/front-end/basic/blood-donation-form/images.jpg
diff --git a/Front-end-Projects/Basic/Blood-Donation-Form/index.html b/projects/front-end/basic/blood-donation-form/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Blood-Donation-Form/index.html
rename to projects/front-end/basic/blood-donation-form/index.html
diff --git a/Front-end-Projects/Basic/Blood-Donation-Form/screenshot.webp b/projects/front-end/basic/blood-donation-form/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Blood-Donation-Form/screenshot.webp
rename to projects/front-end/basic/blood-donation-form/screenshot.webp
diff --git a/Front-end-Projects/Basic/Blood-Donation-Form/styles.css b/projects/front-end/basic/blood-donation-form/styles.css
similarity index 100%
rename from Front-end-Projects/Basic/Blood-Donation-Form/styles.css
rename to projects/front-end/basic/blood-donation-form/styles.css
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/README.md b/projects/front-end/basic/facebook-login-page/README.md
similarity index 100%
rename from Front-end-Projects/Basic/Facebook-Login-Page/README.md
rename to projects/front-end/basic/facebook-login-page/README.md
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/images/favicon.png b/projects/front-end/basic/facebook-login-page/images/favicon.png
similarity index 100%
rename from Front-end-Projects/Basic/Facebook-Login-Page/images/favicon.png
rename to projects/front-end/basic/facebook-login-page/images/favicon.png
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/images/fb.svg b/projects/front-end/basic/facebook-login-page/images/fb.svg
similarity index 100%
rename from Front-end-Projects/Basic/Facebook-Login-Page/images/fb.svg
rename to projects/front-end/basic/facebook-login-page/images/fb.svg
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/index.html b/projects/front-end/basic/facebook-login-page/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Facebook-Login-Page/index.html
rename to projects/front-end/basic/facebook-login-page/index.html
diff --git a/Front-end-Projects/Basic/Facebook-Login-Page/screenshot.webp b/projects/front-end/basic/facebook-login-page/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Facebook-Login-Page/screenshot.webp
rename to projects/front-end/basic/facebook-login-page/screenshot.webp
diff --git a/Front-end-Projects/Basic/Feedback-Form/READMe.md b/projects/front-end/basic/feedback-form/READMe.md
similarity index 100%
rename from Front-end-Projects/Basic/Feedback-Form/READMe.md
rename to projects/front-end/basic/feedback-form/READMe.md
diff --git a/Front-end-Projects/Basic/Feedback-Form/index.html b/projects/front-end/basic/feedback-form/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Feedback-Form/index.html
rename to projects/front-end/basic/feedback-form/index.html
diff --git a/Front-end-Projects/Basic/Feedback-Form/screenshot.webp b/projects/front-end/basic/feedback-form/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Feedback-Form/screenshot.webp
rename to projects/front-end/basic/feedback-form/screenshot.webp
diff --git a/Front-end-Projects/Basic/Feedback-Form/styles.css b/projects/front-end/basic/feedback-form/styles.css
similarity index 100%
rename from Front-end-Projects/Basic/Feedback-Form/styles.css
rename to projects/front-end/basic/feedback-form/styles.css
diff --git a/Front-end-Projects/Basic/FlexFlow/README.md b/projects/front-end/basic/flexflow/README.md
similarity index 100%
rename from Front-end-Projects/Basic/FlexFlow/README.md
rename to projects/front-end/basic/flexflow/README.md
diff --git a/Front-end-Projects/Basic/FlexFlow/gym.html b/projects/front-end/basic/flexflow/gym.html
similarity index 100%
rename from Front-end-Projects/Basic/FlexFlow/gym.html
rename to projects/front-end/basic/flexflow/gym.html
diff --git a/Front-end-Projects/Basic/FlexFlow/logo.png b/projects/front-end/basic/flexflow/logo.png
similarity index 100%
rename from Front-end-Projects/Basic/FlexFlow/logo.png
rename to projects/front-end/basic/flexflow/logo.png
diff --git a/Front-end-Projects/Basic/FlexFlow/screenshot.webp b/projects/front-end/basic/flexflow/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/FlexFlow/screenshot.webp
rename to projects/front-end/basic/flexflow/screenshot.webp
diff --git a/Front-end-Projects/Basic/FlexFlow/style.css b/projects/front-end/basic/flexflow/style.css
similarity index 100%
rename from Front-end-Projects/Basic/FlexFlow/style.css
rename to projects/front-end/basic/flexflow/style.css
diff --git a/Front-end-Projects/Basic/Google-Drive-Clone/README.md b/projects/front-end/basic/google-drive-clone/README.md
similarity index 100%
rename from Front-end-Projects/Basic/Google-Drive-Clone/README.md
rename to projects/front-end/basic/google-drive-clone/README.md
diff --git a/Front-end-Projects/Basic/Google-Drive-Clone/index.html b/projects/front-end/basic/google-drive-clone/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Google-Drive-Clone/index.html
rename to projects/front-end/basic/google-drive-clone/index.html
diff --git a/Front-end-Projects/Basic/Google-Drive-Clone/screenshot.webp b/projects/front-end/basic/google-drive-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Google-Drive-Clone/screenshot.webp
rename to projects/front-end/basic/google-drive-clone/screenshot.webp
diff --git a/Front-end-Projects/Basic/Google-Drive-Clone/style.css b/projects/front-end/basic/google-drive-clone/style.css
similarity index 100%
rename from Front-end-Projects/Basic/Google-Drive-Clone/style.css
rename to projects/front-end/basic/google-drive-clone/style.css
diff --git a/Front-end-Projects/Basic/Login-Signup-Form/README.md b/projects/front-end/basic/login-signup-form/README.md
similarity index 100%
rename from Front-end-Projects/Basic/Login-Signup-Form/README.md
rename to projects/front-end/basic/login-signup-form/README.md
diff --git a/Front-end-Projects/Basic/Login-Signup-Form/background.jpg b/projects/front-end/basic/login-signup-form/background.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Login-Signup-Form/background.jpg
rename to projects/front-end/basic/login-signup-form/background.jpg
diff --git a/Front-end-Projects/Basic/Login-Signup-Form/index.html b/projects/front-end/basic/login-signup-form/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Login-Signup-Form/index.html
rename to projects/front-end/basic/login-signup-form/index.html
diff --git a/Front-end-Projects/Basic/Login-Signup-Form/screenshot.webp b/projects/front-end/basic/login-signup-form/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Login-Signup-Form/screenshot.webp
rename to projects/front-end/basic/login-signup-form/screenshot.webp
diff --git a/Front-end-Projects/Basic/Login-Signup-Form/styles.css b/projects/front-end/basic/login-signup-form/styles.css
similarity index 100%
rename from Front-end-Projects/Basic/Login-Signup-Form/styles.css
rename to projects/front-end/basic/login-signup-form/styles.css
diff --git a/Front-end-Projects/Basic/PhonePe/README.MD b/projects/front-end/basic/phonepe/README.MD
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/README.MD
rename to projects/front-end/basic/phonepe/README.MD
diff --git a/Front-end-Projects/Basic/PhonePe/assests/appstore.jpg b/projects/front-end/basic/phonepe/assests/appstore.jpg
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/appstore.jpg
rename to projects/front-end/basic/phonepe/assests/appstore.jpg
diff --git a/Front-end-Projects/Basic/PhonePe/assests/bg.png b/projects/front-end/basic/phonepe/assests/bg.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/bg.png
rename to projects/front-end/basic/phonepe/assests/bg.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/free.jpg b/projects/front-end/basic/phonepe/assests/free.jpg
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/free.jpg
rename to projects/front-end/basic/phonepe/assests/free.jpg
diff --git a/Front-end-Projects/Basic/PhonePe/assests/get.png b/projects/front-end/basic/phonepe/assests/get.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/get.png
rename to projects/front-end/basic/phonepe/assests/get.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/image.png b/projects/front-end/basic/phonepe/assests/image.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/image.png
rename to projects/front-end/basic/phonepe/assests/image.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/ins.png b/projects/front-end/basic/phonepe/assests/ins.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/ins.png
rename to projects/front-end/basic/phonepe/assests/ins.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/logo.jpg b/projects/front-end/basic/phonepe/assests/logo.jpg
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/logo.jpg
rename to projects/front-end/basic/phonepe/assests/logo.jpg
diff --git a/Front-end-Projects/Basic/PhonePe/assests/logo.png b/projects/front-end/basic/phonepe/assests/logo.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/logo.png
rename to projects/front-end/basic/phonepe/assests/logo.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/manage.jpg b/projects/front-end/basic/phonepe/assests/manage.jpg
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/manage.jpg
rename to projects/front-end/basic/phonepe/assests/manage.jpg
diff --git a/Front-end-Projects/Basic/PhonePe/assests/market.jpg b/projects/front-end/basic/phonepe/assests/market.jpg
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/market.jpg
rename to projects/front-end/basic/phonepe/assests/market.jpg
diff --git a/Front-end-Projects/Basic/PhonePe/assests/money.png b/projects/front-end/basic/phonepe/assests/money.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/money.png
rename to projects/front-end/basic/phonepe/assests/money.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/phn.png b/projects/front-end/basic/phonepe/assests/phn.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/phn.png
rename to projects/front-end/basic/phonepe/assests/phn.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/pluse.jpg b/projects/front-end/basic/phonepe/assests/pluse.jpg
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/pluse.jpg
rename to projects/front-end/basic/phonepe/assests/pluse.jpg
diff --git a/Front-end-Projects/Basic/PhonePe/assests/pos.jpg b/projects/front-end/basic/phonepe/assests/pos.jpg
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/pos.jpg
rename to projects/front-end/basic/phonepe/assests/pos.jpg
diff --git a/Front-end-Projects/Basic/PhonePe/assests/pyment.mp4 b/projects/front-end/basic/phonepe/assests/pyment.mp4
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/pyment.mp4
rename to projects/front-end/basic/phonepe/assests/pyment.mp4
diff --git a/Front-end-Projects/Basic/PhonePe/assests/secure.png b/projects/front-end/basic/phonepe/assests/secure.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/secure.png
rename to projects/front-end/basic/phonepe/assests/secure.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/sisa.png b/projects/front-end/basic/phonepe/assests/sisa.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/sisa.png
rename to projects/front-end/basic/phonepe/assests/sisa.png
diff --git a/Front-end-Projects/Basic/PhonePe/assests/sut.png b/projects/front-end/basic/phonepe/assests/sut.png
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/assests/sut.png
rename to projects/front-end/basic/phonepe/assests/sut.png
diff --git a/Front-end-Projects/Basic/PhonePe/index.html b/projects/front-end/basic/phonepe/index.html
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/index.html
rename to projects/front-end/basic/phonepe/index.html
diff --git a/Front-end-Projects/Basic/PhonePe/screenshot.webp b/projects/front-end/basic/phonepe/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/screenshot.webp
rename to projects/front-end/basic/phonepe/screenshot.webp
diff --git a/Front-end-Projects/Basic/PhonePe/style.css b/projects/front-end/basic/phonepe/style.css
similarity index 100%
rename from Front-end-Projects/Basic/PhonePe/style.css
rename to projects/front-end/basic/phonepe/style.css
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/README.md b/projects/front-end/basic/spacex-website-clone/README.md
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/README.md
rename to projects/front-end/basic/spacex-website-clone/README.md
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/img/logo.png b/projects/front-end/basic/spacex-website-clone/img/logo.png
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/img/logo.png
rename to projects/front-end/basic/spacex-website-clone/img/logo.png
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-a.webp b/projects/front-end/basic/spacex-website-clone/img/section-a.webp
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-a.webp
rename to projects/front-end/basic/spacex-website-clone/img/section-a.webp
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-b.webp b/projects/front-end/basic/spacex-website-clone/img/section-b.webp
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-b.webp
rename to projects/front-end/basic/spacex-website-clone/img/section-b.webp
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-c.webp b/projects/front-end/basic/spacex-website-clone/img/section-c.webp
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-c.webp
rename to projects/front-end/basic/spacex-website-clone/img/section-c.webp
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-d.webp b/projects/front-end/basic/spacex-website-clone/img/section-d.webp
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-d.webp
rename to projects/front-end/basic/spacex-website-clone/img/section-d.webp
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-e.webp b/projects/front-end/basic/spacex-website-clone/img/section-e.webp
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-e.webp
rename to projects/front-end/basic/spacex-website-clone/img/section-e.webp
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-f.webp b/projects/front-end/basic/spacex-website-clone/img/section-f.webp
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/img/section-f.webp
rename to projects/front-end/basic/spacex-website-clone/img/section-f.webp
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/index.html b/projects/front-end/basic/spacex-website-clone/index.html
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/index.html
rename to projects/front-end/basic/spacex-website-clone/index.html
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/screenshot.webp b/projects/front-end/basic/spacex-website-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/screenshot.webp
rename to projects/front-end/basic/spacex-website-clone/screenshot.webp
diff --git a/Front-end-Projects/Basic/SpaceX-Website-Clone/style.css b/projects/front-end/basic/spacex-website-clone/style.css
similarity index 100%
rename from Front-end-Projects/Basic/SpaceX-Website-Clone/style.css
rename to projects/front-end/basic/spacex-website-clone/style.css
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/README.md b/projects/front-end/basic/starbucks-landing-page/README.md
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/README.md
rename to projects/front-end/basic/starbucks-landing-page/README.md
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/Starbucks.png b/projects/front-end/basic/starbucks-landing-page/images/Starbucks.png
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/Starbucks.png
rename to projects/front-end/basic/starbucks-landing-page/images/Starbucks.png
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/facebook.png b/projects/front-end/basic/starbucks-landing-page/images/facebook.png
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/facebook.png
rename to projects/front-end/basic/starbucks-landing-page/images/facebook.png
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/image1.webp b/projects/front-end/basic/starbucks-landing-page/images/image1.webp
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/image1.webp
rename to projects/front-end/basic/starbucks-landing-page/images/image1.webp
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/image2.jpg b/projects/front-end/basic/starbucks-landing-page/images/image2.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/image2.jpg
rename to projects/front-end/basic/starbucks-landing-page/images/image2.jpg
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/image3.webp b/projects/front-end/basic/starbucks-landing-page/images/image3.webp
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/image3.webp
rename to projects/front-end/basic/starbucks-landing-page/images/image3.webp
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/image4.webp b/projects/front-end/basic/starbucks-landing-page/images/image4.webp
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/image4.webp
rename to projects/front-end/basic/starbucks-landing-page/images/image4.webp
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/image5.webp b/projects/front-end/basic/starbucks-landing-page/images/image5.webp
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/image5.webp
rename to projects/front-end/basic/starbucks-landing-page/images/image5.webp
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/instagram.webp b/projects/front-end/basic/starbucks-landing-page/images/instagram.webp
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/instagram.webp
rename to projects/front-end/basic/starbucks-landing-page/images/instagram.webp
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/location.jpg b/projects/front-end/basic/starbucks-landing-page/images/location.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/location.jpg
rename to projects/front-end/basic/starbucks-landing-page/images/location.jpg
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/pin.png b/projects/front-end/basic/starbucks-landing-page/images/pin.png
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/pin.png
rename to projects/front-end/basic/starbucks-landing-page/images/pin.png
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/spotify.png b/projects/front-end/basic/starbucks-landing-page/images/spotify.png
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/spotify.png
rename to projects/front-end/basic/starbucks-landing-page/images/spotify.png
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/stbpist.jpg b/projects/front-end/basic/starbucks-landing-page/images/stbpist.jpg
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/stbpist.jpg
rename to projects/front-end/basic/starbucks-landing-page/images/stbpist.jpg
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/twitter.png b/projects/front-end/basic/starbucks-landing-page/images/twitter.png
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/twitter.png
rename to projects/front-end/basic/starbucks-landing-page/images/twitter.png
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/images/youtube.webp b/projects/front-end/basic/starbucks-landing-page/images/youtube.webp
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/images/youtube.webp
rename to projects/front-end/basic/starbucks-landing-page/images/youtube.webp
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/index.html b/projects/front-end/basic/starbucks-landing-page/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/index.html
rename to projects/front-end/basic/starbucks-landing-page/index.html
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/screenshot.webp b/projects/front-end/basic/starbucks-landing-page/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/screenshot.webp
rename to projects/front-end/basic/starbucks-landing-page/screenshot.webp
diff --git a/Front-end-Projects/Basic/Starbucks-Landing-page/style.css b/projects/front-end/basic/starbucks-landing-page/style.css
similarity index 100%
rename from Front-end-Projects/Basic/Starbucks-Landing-page/style.css
rename to projects/front-end/basic/starbucks-landing-page/style.css
diff --git a/Front-end-Projects/Basic/Survey-Form/README.md b/projects/front-end/basic/survey-form/README.md
similarity index 100%
rename from Front-end-Projects/Basic/Survey-Form/README.md
rename to projects/front-end/basic/survey-form/README.md
diff --git a/Front-end-Projects/Basic/Survey-Form/index.html b/projects/front-end/basic/survey-form/index.html
similarity index 100%
rename from Front-end-Projects/Basic/Survey-Form/index.html
rename to projects/front-end/basic/survey-form/index.html
diff --git a/Front-end-Projects/Basic/Survey-Form/screenshot.webp b/projects/front-end/basic/survey-form/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Basic/Survey-Form/screenshot.webp
rename to projects/front-end/basic/survey-form/screenshot.webp
diff --git a/Front-end-Projects/Basic/Survey-Form/styles.css b/projects/front-end/basic/survey-form/styles.css
similarity index 100%
rename from Front-end-Projects/Basic/Survey-Form/styles.css
rename to projects/front-end/basic/survey-form/styles.css
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/426x294_Discovery.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/426x294_Discovery.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/426x294_Discovery.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/426x294_Discovery.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/426x294_MANORAMAMAX.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/426x294_MANORAMAMAX.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/426x294_MANORAMAMAX.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/426x294_MANORAMAMAX.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Amc.png b/projects/front-end/intermediate/amazon-prime-clone/Images/Amc.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Amc.png
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Amc.png
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Docubay-426X2947_V1.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/Docubay-426X2947_V1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Docubay-426X2947_V1.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Docubay-426X2947_V1.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Erosnow-426X2948_V1.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/Erosnow-426X2948_V1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Erosnow-426X2948_V1.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Erosnow-426X2948_V1.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Hayu.png b/projects/front-end/intermediate/amazon-prime-clone/Images/Hayu.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Hayu.png
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Hayu.png
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/LionsgatePlay-426X2946_V1.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/LionsgatePlay-426X2946_V1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/LionsgatePlay-426X2946_V1.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/LionsgatePlay-426X2946_V1.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Logo-min.png b/projects/front-end/intermediate/amazon-prime-clone/Images/Logo-min.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Logo-min.png
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Logo-min.png
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Mubi-426X2946_V1.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/Mubi-426X2946_V1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Mubi-426X2946_V1.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Mubi-426X2946_V1.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Stingray.png b/projects/front-end/intermediate/amazon-prime-clone/Images/Stingray.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Stingray.png
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Stingray.png
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Vrott.png b/projects/front-end/intermediate/amazon-prime-clone/Images/Vrott.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/Vrott.png
rename to projects/front-end/intermediate/amazon-prime-clone/Images/Vrott.png
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/bg-hero.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/bg-hero.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/bg-hero.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/bg-hero.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/hoichoi-426X2946_V1.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/hoichoi-426X2946_V1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/hoichoi-426X2946_V1.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/hoichoi-426X2946_V1.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/iWonder.png b/projects/front-end/intermediate/amazon-prime-clone/Images/iWonder.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/iWonder.png
rename to projects/front-end/intermediate/amazon-prime-clone/Images/iWonder.png
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/section1-bg.jpg b/projects/front-end/intermediate/amazon-prime-clone/Images/section1-bg.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/Images/section1-bg.jpg
rename to projects/front-end/intermediate/amazon-prime-clone/Images/section1-bg.jpg
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/README.md b/projects/front-end/intermediate/amazon-prime-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/README.md
rename to projects/front-end/intermediate/amazon-prime-clone/README.md
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/index.html b/projects/front-end/intermediate/amazon-prime-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/index.html
rename to projects/front-end/intermediate/amazon-prime-clone/index.html
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/screenshot.webp b/projects/front-end/intermediate/amazon-prime-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/screenshot.webp
rename to projects/front-end/intermediate/amazon-prime-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Amazon-Prime-Clone/style.css b/projects/front-end/intermediate/amazon-prime-clone/style.css
similarity index 100%
rename from Front-end-Projects/Intermediate/Amazon-Prime-Clone/style.css
rename to projects/front-end/intermediate/amazon-prime-clone/style.css
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/README.md b/projects/front-end/intermediate/apple-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/README.md
rename to projects/front-end/intermediate/apple-clone/README.md
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/apple-logoo.jpg b/projects/front-end/intermediate/apple-clone/assests/apple-logoo.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/apple-logoo.jpg
rename to projects/front-end/intermediate/apple-clone/assests/apple-logoo.jpg
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/blue.jpg b/projects/front-end/intermediate/apple-clone/assests/blue.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/blue.jpg
rename to projects/front-end/intermediate/apple-clone/assests/blue.jpg
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/dynamicp.jpg b/projects/front-end/intermediate/apple-clone/assests/dynamicp.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/dynamicp.jpg
rename to projects/front-end/intermediate/apple-clone/assests/dynamicp.jpg
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/enclosure.png b/projects/front-end/intermediate/apple-clone/assests/enclosure.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/enclosure.png
rename to projects/front-end/intermediate/apple-clone/assests/enclosure.png
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/iconshield.png b/projects/front-end/intermediate/apple-clone/assests/iconshield.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/iconshield.png
rename to projects/front-end/intermediate/apple-clone/assests/iconshield.png
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/iphone15.jpg b/projects/front-end/intermediate/apple-clone/assests/iphone15.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/iphone15.jpg
rename to projects/front-end/intermediate/apple-clone/assests/iphone15.jpg
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/phones.jpg b/projects/front-end/intermediate/apple-clone/assests/phones.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/phones.jpg
rename to projects/front-end/intermediate/apple-clone/assests/phones.jpg
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/photo.png b/projects/front-end/intermediate/apple-clone/assests/photo.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/photo.png
rename to projects/front-end/intermediate/apple-clone/assests/photo.png
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/assests/water.png b/projects/front-end/intermediate/apple-clone/assests/water.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/assests/water.png
rename to projects/front-end/intermediate/apple-clone/assests/water.png
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/index.html b/projects/front-end/intermediate/apple-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/index.html
rename to projects/front-end/intermediate/apple-clone/index.html
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/screenshot.webp b/projects/front-end/intermediate/apple-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/screenshot.webp
rename to projects/front-end/intermediate/apple-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Apple-Clone/styles.css b/projects/front-end/intermediate/apple-clone/styles.css
similarity index 100%
rename from Front-end-Projects/Intermediate/Apple-Clone/styles.css
rename to projects/front-end/intermediate/apple-clone/styles.css
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/README.md b/projects/front-end/intermediate/flipkart-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/README.md
rename to projects/front-end/intermediate/flipkart-clone/README.md
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/e1.PNG b/projects/front-end/intermediate/flipkart-clone/images/e1.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/e1.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/e1.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/e2.PNG b/projects/front-end/intermediate/flipkart-clone/images/e2.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/e2.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/e2.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/e3.PNG b/projects/front-end/intermediate/flipkart-clone/images/e3.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/e3.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/e3.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/e4.PNG b/projects/front-end/intermediate/flipkart-clone/images/e4.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/e4.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/e4.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/e5.PNG b/projects/front-end/intermediate/flipkart-clone/images/e5.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/e5.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/e5.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/e6.PNG b/projects/front-end/intermediate/flipkart-clone/images/e6.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/e6.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/e6.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/e7.PNG b/projects/front-end/intermediate/flipkart-clone/images/e7.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/e7.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/e7.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/f1.jpg b/projects/front-end/intermediate/flipkart-clone/images/f1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/f1.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/f1.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/f2.jpg b/projects/front-end/intermediate/flipkart-clone/images/f2.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/f2.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/f2.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/f3..PNG b/projects/front-end/intermediate/flipkart-clone/images/f3..PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/f3..PNG
rename to projects/front-end/intermediate/flipkart-clone/images/f3..PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/f3.jpg b/projects/front-end/intermediate/flipkart-clone/images/f3.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/f3.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/f3.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/f4.jpg b/projects/front-end/intermediate/flipkart-clone/images/f4.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/f4.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/f4.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/g1.jpg b/projects/front-end/intermediate/flipkart-clone/images/g1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/g1.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/g1.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/g2.jpg b/projects/front-end/intermediate/flipkart-clone/images/g2.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/g2.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/g2.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/g3.jpeg b/projects/front-end/intermediate/flipkart-clone/images/g3.jpeg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/g3.jpeg
rename to projects/front-end/intermediate/flipkart-clone/images/g3.jpeg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/g3.png b/projects/front-end/intermediate/flipkart-clone/images/g3.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/g3.png
rename to projects/front-end/intermediate/flipkart-clone/images/g3.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/g4.jpg b/projects/front-end/intermediate/flipkart-clone/images/g4.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/g4.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/g4.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/g4.png b/projects/front-end/intermediate/flipkart-clone/images/g4.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/g4.png
rename to projects/front-end/intermediate/flipkart-clone/images/g4.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/h1.jpg b/projects/front-end/intermediate/flipkart-clone/images/h1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/h1.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/h1.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/h2.jpg b/projects/front-end/intermediate/flipkart-clone/images/h2.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/h2.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/h2.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/h3.jpg b/projects/front-end/intermediate/flipkart-clone/images/h3.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/h3.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/h3.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/h4.PNG b/projects/front-end/intermediate/flipkart-clone/images/h4.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/h4.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/h4.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head2.PNG b/projects/front-end/intermediate/flipkart-clone/images/head2.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head2.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head2.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head3.PNG b/projects/front-end/intermediate/flipkart-clone/images/head3.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head3.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head3.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head4.PNG b/projects/front-end/intermediate/flipkart-clone/images/head4.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head4.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head4.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head5.PNG b/projects/front-end/intermediate/flipkart-clone/images/head5.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head5.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head5.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head6.PNG b/projects/front-end/intermediate/flipkart-clone/images/head6.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head6.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head6.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head7.PNG b/projects/front-end/intermediate/flipkart-clone/images/head7.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head7.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head7.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head8.PNG b/projects/front-end/intermediate/flipkart-clone/images/head8.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head8.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head8.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/head9.PNG b/projects/front-end/intermediate/flipkart-clone/images/head9.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/head9.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/head9.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/i1.PNG b/projects/front-end/intermediate/flipkart-clone/images/i1.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/i1.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/i1.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/i2.PNG b/projects/front-end/intermediate/flipkart-clone/images/i2.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/i2.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/i2.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/i3.PNG b/projects/front-end/intermediate/flipkart-clone/images/i3.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/i3.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/i3.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/i4.PNG b/projects/front-end/intermediate/flipkart-clone/images/i4.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/i4.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/i4.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/i5.PNG b/projects/front-end/intermediate/flipkart-clone/images/i5.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/i5.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/i5.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/i6.PNG b/projects/front-end/intermediate/flipkart-clone/images/i6.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/i6.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/i6.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img1.png b/projects/front-end/intermediate/flipkart-clone/images/img1.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img1.png
rename to projects/front-end/intermediate/flipkart-clone/images/img1.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img2.png b/projects/front-end/intermediate/flipkart-clone/images/img2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img2.png
rename to projects/front-end/intermediate/flipkart-clone/images/img2.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img3.png b/projects/front-end/intermediate/flipkart-clone/images/img3.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img3.png
rename to projects/front-end/intermediate/flipkart-clone/images/img3.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img4.png b/projects/front-end/intermediate/flipkart-clone/images/img4.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img4.png
rename to projects/front-end/intermediate/flipkart-clone/images/img4.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img5.jpeg b/projects/front-end/intermediate/flipkart-clone/images/img5.jpeg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img5.jpeg
rename to projects/front-end/intermediate/flipkart-clone/images/img5.jpeg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img6.jpg b/projects/front-end/intermediate/flipkart-clone/images/img6.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img6.jpg
rename to projects/front-end/intermediate/flipkart-clone/images/img6.jpg
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img7.png b/projects/front-end/intermediate/flipkart-clone/images/img7.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img7.png
rename to projects/front-end/intermediate/flipkart-clone/images/img7.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/img8.png b/projects/front-end/intermediate/flipkart-clone/images/img8.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/img8.png
rename to projects/front-end/intermediate/flipkart-clone/images/img8.png
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/images/screenshot.PNG b/projects/front-end/intermediate/flipkart-clone/images/screenshot.PNG
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/images/screenshot.PNG
rename to projects/front-end/intermediate/flipkart-clone/images/screenshot.PNG
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/index.html b/projects/front-end/intermediate/flipkart-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/index.html
rename to projects/front-end/intermediate/flipkart-clone/index.html
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/screenshot.webp b/projects/front-end/intermediate/flipkart-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/screenshot.webp
rename to projects/front-end/intermediate/flipkart-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Flipkart-Clone/style.css b/projects/front-end/intermediate/flipkart-clone/style.css
similarity index 100%
rename from Front-end-Projects/Intermediate/Flipkart-Clone/style.css
rename to projects/front-end/intermediate/flipkart-clone/style.css
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/5GSpeaker.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/5GSpeaker.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/5GSpeaker.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/5GSpeaker.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A15.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/A15.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A15.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/A15.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A16.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/A16.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/A16.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/A16.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Apple-iPhone-14-Pro-iPhone-14-Pro-Max-Dynamic-Island-demo-3up.gif b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Apple-iPhone-14-Pro-iPhone-14-Pro-Max-Dynamic-Island-demo-3up.gif
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Apple-iPhone-14-Pro-iPhone-14-Pro-Max-Dynamic-Island-demo-3up.gif
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Apple-iPhone-14-Pro-iPhone-14-Pro-Max-Dynamic-Island-demo-3up.gif
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/BAG.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/BAG.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/BAG.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/BAG.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Deep Purple.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Deep Purple.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Deep Purple.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Deep Purple.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/EMI.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/EMI.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/EMI.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/EMI.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/FaceID.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/FaceID.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/FaceID.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/FaceID.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/HELP.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/HELP.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/HELP.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/HELP.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2022 2.JPG b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/IMG_2022 2.JPG
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2022 2.JPG
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/IMG_2022 2.JPG
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2023.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/IMG_2023.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IMG_2023.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/IMG_2023.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IPhone-rid-1.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/IPhone-rid-1.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/IPhone-rid-1.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/IPhone-rid-1.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Image-film.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Image-film.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Image-film.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Image-film.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Phone2.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Phone2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Phone2.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Phone2.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ProBeyond.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/ProBeyond.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ProBeyond.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/ProBeyond.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/SOS.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/SOS.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/SOS.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/SOS.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-11-27 191738.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Screenshot 2022-11-27 191738.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-11-27 191738.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Screenshot 2022-11-27 191738.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-12-04 000232.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Screenshot 2022-12-04 000232.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/Screenshot 2022-12-04 000232.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/Screenshot 2022-12-04 000232.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/TouchID.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/TouchID.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/TouchID.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/TouchID.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/apple-a16-bionic.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/apple-a16-bionic.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/apple-a16-bionic.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/apple-a16-bionic.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/battery.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/battery.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/battery.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/battery.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/big_lenses.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/big_lenses.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/big_lenses.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/big_lenses.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cameera3.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/cameera3.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cameera3.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/cameera3.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera1.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/camera1.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera1.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/camera1.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera2.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/camera2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/camera2.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/camera2.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cart.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/cart.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/cart.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/cart.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/chipapple.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/chipapple.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/chipapple.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/chipapple.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/choices.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/choices.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/choices.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/choices.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/crash detection.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/crash detection.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/crash detection.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/crash detection.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/delivery.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/delivery.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/delivery.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/delivery.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dyanmic_island.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/dyanmic_island.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dyanmic_island.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/dyanmic_island.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic island.jpeg.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/dynamic island.jpeg.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic island.jpeg.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/dynamic island.jpeg.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic_island_1.gif b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/dynamic_island_1.gif
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/dynamic_island_1.gif
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/dynamic_island_1.gif
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/glance2.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/glance2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/glance2.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/glance2.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/gradient-via-site.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/gradient-via-site.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/gradient-via-site.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/gradient-via-site.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/greenapple.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/greenapple.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/greenapple.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/greenapple.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/handpic.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/handpic.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/handpic.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/handpic.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airpods.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_airpods.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airpods.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_airpods.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airtag.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_airtag.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_airtag.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_airtag.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_app_store.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_app_store.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_app_store.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_app_store.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_one.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_apple_one.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_one.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_apple_one.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_watch.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_apple_watch.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_apple_watch.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_apple_watch.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_magsafe.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_magsafe.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_magsafe.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_magsafe.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_usbc_adapter.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_usbc_adapter.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/icon_usbc_adapter.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/icon_usbc_adapter.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ilock.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/ilock.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/ilock.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/ilock.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(1).jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(1).jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(1).jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(1).jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(2).jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(2).jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(2).jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(2).jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(3).jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(3).jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(3).jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(3).jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(4).jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(4).jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(4).jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(4).jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(5).jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(5).jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/image(5).jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/image(5).jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro camera module.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/iphone 14 pro camera module.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro camera module.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/iphone 14 pro camera module.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.gif b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/iphone 14 pro.gif
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.gif
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/iphone 14 pro.gif
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/iphone 14 pro.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/iphone 14 pro.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/iphone 14 pro.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/lighning.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/lighning.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/lighning.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/lighning.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo1.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/logo1.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo1.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/logo1.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo_favicon.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/logo_favicon.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/logo_favicon.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/logo_favicon.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_main__e65vdj1r1066_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/low_light_main__e65vdj1r1066_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_main__e65vdj1r1066_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/low_light_main__e65vdj1r1066_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_telephoto__gly9r0k8kwqe_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/low_light_telephoto__gly9r0k8kwqe_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_telephoto__gly9r0k8kwqe_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/low_light_telephoto__gly9r0k8kwqe_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_wide__mwcscsmlln6a_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/low_light_wide__mwcscsmlln6a_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/low_light_wide__mwcscsmlln6a_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/low_light_wide__mwcscsmlln6a_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/purple_strip.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/purple_strip.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/purple_strip.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/purple_strip.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/stable video.gif b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/stable video.gif
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/stable video.gif
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/stable video.gif
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_accessibility_icon__e4hvkwzc80cy_large.png b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_accessibility_icon__e4hvkwzc80cy_large.png
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_accessibility_icon__e4hvkwzc80cy_large.png
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_accessibility_icon__e4hvkwzc80cy_large.png
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_environment__fsgwat7q51ym_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_environment__fsgwat7q51ym_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_environment__fsgwat7q51ym_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_environment__fsgwat7q51ym_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16__b9bmysz4cu9y_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_ios_16__b9bmysz4cu9y_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16__b9bmysz4cu9y_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_ios_16__b9bmysz4cu9y_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16_icon__cb4i6x3e95xy_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_ios_16_icon__cb4i6x3e95xy_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_ios_16_icon__cb4i6x3e95xy_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_ios_16_icon__cb4i6x3e95xy_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_privacy__es3b0gogvcwi_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_privacy__es3b0gogvcwi_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/tile_privacy__es3b0gogvcwi_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/tile_privacy__es3b0gogvcwi_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/true_depth_autofocus__cglq963k0oaa_large.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/true_depth_autofocus__cglq963k0oaa_large.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CONTENT/true_depth_autofocus__cglq963k0oaa_large.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/CONTENT/true_depth_autofocus__cglq963k0oaa_large.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS1.css b/projects/front-end/intermediate/iphone-14-pro-clone/CSS1.css
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS1.css
rename to projects/front-end/intermediate/iphone-14-pro-clone/CSS1.css
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS2.css b/projects/front-end/intermediate/iphone-14-pro-clone/CSS2.css
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/CSS2.css
rename to projects/front-end/intermediate/iphone-14-pro-clone/CSS2.css
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/README.md b/projects/front-end/intermediate/iphone-14-pro-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/README.md
rename to projects/front-end/intermediate/iphone-14-pro-clone/README.md
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/footer.css b/projects/front-end/intermediate/iphone-14-pro-clone/footer.css
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/footer.css
rename to projects/front-end/intermediate/iphone-14-pro-clone/footer.css
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/index.html b/projects/front-end/intermediate/iphone-14-pro-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/index.html
rename to projects/front-end/intermediate/iphone-14-pro-clone/index.html
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/logo.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/logo.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/logo.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/logo.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/purple_strip_2.jpg b/projects/front-end/intermediate/iphone-14-pro-clone/purple_strip_2.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/purple_strip_2.jpg
rename to projects/front-end/intermediate/iphone-14-pro-clone/purple_strip_2.jpg
diff --git a/Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/screenshot.webp b/projects/front-end/intermediate/iphone-14-pro-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/IPHONE-14-Pro-Clone/screenshot.webp
rename to projects/front-end/intermediate/iphone-14-pro-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/MakeMyTrip-Clone/Images/background.jpg b/projects/front-end/intermediate/makemytrip-clone/Images/background.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/MakeMyTrip-Clone/Images/background.jpg
rename to projects/front-end/intermediate/makemytrip-clone/Images/background.jpg
diff --git a/Front-end-Projects/Intermediate/MakeMyTrip-Clone/README.md b/projects/front-end/intermediate/makemytrip-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/MakeMyTrip-Clone/README.md
rename to projects/front-end/intermediate/makemytrip-clone/README.md
diff --git a/Front-end-Projects/Intermediate/MakeMyTrip-Clone/index.html b/projects/front-end/intermediate/makemytrip-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/MakeMyTrip-Clone/index.html
rename to projects/front-end/intermediate/makemytrip-clone/index.html
diff --git a/Front-end-Projects/Intermediate/MakeMyTrip-Clone/screenshot.webp b/projects/front-end/intermediate/makemytrip-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/MakeMyTrip-Clone/screenshot.webp
rename to projects/front-end/intermediate/makemytrip-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/MakeMyTrip-Clone/style.css b/projects/front-end/intermediate/makemytrip-clone/style.css
similarity index 100%
rename from Front-end-Projects/Intermediate/MakeMyTrip-Clone/style.css
rename to projects/front-end/intermediate/makemytrip-clone/style.css
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/README.md b/projects/front-end/intermediate/microsoft-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/README.md
rename to projects/front-end/intermediate/microsoft-clone/README.md
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/explore.svg b/projects/front-end/intermediate/microsoft-clone/images/explore.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/explore.svg
rename to projects/front-end/intermediate/microsoft-clone/images/explore.svg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic1.webp b/projects/front-end/intermediate/microsoft-clone/images/flexmic1.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic1.webp
rename to projects/front-end/intermediate/microsoft-clone/images/flexmic1.webp
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic2.webp b/projects/front-end/intermediate/microsoft-clone/images/flexmic2.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic2.webp
rename to projects/front-end/intermediate/microsoft-clone/images/flexmic2.webp
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic3.webp b/projects/front-end/intermediate/microsoft-clone/images/flexmic3.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic3.webp
rename to projects/front-end/intermediate/microsoft-clone/images/flexmic3.webp
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic4.webp b/projects/front-end/intermediate/microsoft-clone/images/flexmic4.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/flexmic4.webp
rename to projects/front-end/intermediate/microsoft-clone/images/flexmic4.webp
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/imic1.webp b/projects/front-end/intermediate/microsoft-clone/images/imic1.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/imic1.webp
rename to projects/front-end/intermediate/microsoft-clone/images/imic1.webp
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/imic2.png b/projects/front-end/intermediate/microsoft-clone/images/imic2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/imic2.png
rename to projects/front-end/intermediate/microsoft-clone/images/imic2.png
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/logoofmic.png b/projects/front-end/intermediate/microsoft-clone/images/logoofmic.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/logoofmic.png
rename to projects/front-end/intermediate/microsoft-clone/images/logoofmic.png
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/mic1.svg b/projects/front-end/intermediate/microsoft-clone/images/mic1.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/mic1.svg
rename to projects/front-end/intermediate/microsoft-clone/images/mic1.svg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/mic2.svg b/projects/front-end/intermediate/microsoft-clone/images/mic2.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/mic2.svg
rename to projects/front-end/intermediate/microsoft-clone/images/mic2.svg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/mic3.svg b/projects/front-end/intermediate/microsoft-clone/images/mic3.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/mic3.svg
rename to projects/front-end/intermediate/microsoft-clone/images/mic3.svg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/mic4.svg b/projects/front-end/intermediate/microsoft-clone/images/mic4.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/mic4.svg
rename to projects/front-end/intermediate/microsoft-clone/images/mic4.svg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/micfav.ico b/projects/front-end/intermediate/microsoft-clone/images/micfav.ico
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/micfav.ico
rename to projects/front-end/intermediate/microsoft-clone/images/micfav.ico
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/mostpre.jpeg b/projects/front-end/intermediate/microsoft-clone/images/mostpre.jpeg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/mostpre.jpeg
rename to projects/front-end/intermediate/microsoft-clone/images/mostpre.jpeg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/pormo1.svg b/projects/front-end/intermediate/microsoft-clone/images/pormo1.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/pormo1.svg
rename to projects/front-end/intermediate/microsoft-clone/images/pormo1.svg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/images/shopx.svg b/projects/front-end/intermediate/microsoft-clone/images/shopx.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/images/shopx.svg
rename to projects/front-end/intermediate/microsoft-clone/images/shopx.svg
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/index.html b/projects/front-end/intermediate/microsoft-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/index.html
rename to projects/front-end/intermediate/microsoft-clone/index.html
diff --git a/Front-end-Projects/Intermediate/Microsoft-Clone/screenshot.webp b/projects/front-end/intermediate/microsoft-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Microsoft-Clone/screenshot.webp
rename to projects/front-end/intermediate/microsoft-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/README.md b/projects/front-end/intermediate/netflix-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/README.md
rename to projects/front-end/intermediate/netflix-clone/README.md
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/bg.jpg b/projects/front-end/intermediate/netflix-clone/assets/images/bg.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/bg.jpg
rename to projects/front-end/intermediate/netflix-clone/assets/images/bg.jpg
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/favicon.ico b/projects/front-end/intermediate/netflix-clone/assets/images/favicon.ico
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/favicon.ico
rename to projects/front-end/intermediate/netflix-clone/assets/images/favicon.ico
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img1.png b/projects/front-end/intermediate/netflix-clone/assets/images/img1.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img1.png
rename to projects/front-end/intermediate/netflix-clone/assets/images/img1.png
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img2.png b/projects/front-end/intermediate/netflix-clone/assets/images/img2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img2.png
rename to projects/front-end/intermediate/netflix-clone/assets/images/img2.png
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img3.png b/projects/front-end/intermediate/netflix-clone/assets/images/img3.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img3.png
rename to projects/front-end/intermediate/netflix-clone/assets/images/img3.png
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img4.png b/projects/front-end/intermediate/netflix-clone/assets/images/img4.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img4.png
rename to projects/front-end/intermediate/netflix-clone/assets/images/img4.png
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img5.png b/projects/front-end/intermediate/netflix-clone/assets/images/img5.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/img5.png
rename to projects/front-end/intermediate/netflix-clone/assets/images/img5.png
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/images/logo.png b/projects/front-end/intermediate/netflix-clone/assets/images/logo.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/images/logo.png
rename to projects/front-end/intermediate/netflix-clone/assets/images/logo.png
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/videos/video-devices-in.m4v b/projects/front-end/intermediate/netflix-clone/assets/videos/video-devices-in.m4v
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/videos/video-devices-in.m4v
rename to projects/front-end/intermediate/netflix-clone/assets/videos/video-devices-in.m4v
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/assets/videos/video2.m4v b/projects/front-end/intermediate/netflix-clone/assets/videos/video2.m4v
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/assets/videos/video2.m4v
rename to projects/front-end/intermediate/netflix-clone/assets/videos/video2.m4v
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/index.html b/projects/front-end/intermediate/netflix-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/index.html
rename to projects/front-end/intermediate/netflix-clone/index.html
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/screenshot.webp b/projects/front-end/intermediate/netflix-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/screenshot.webp
rename to projects/front-end/intermediate/netflix-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Netflix-Clone/style.css b/projects/front-end/intermediate/netflix-clone/style.css
similarity index 100%
rename from Front-end-Projects/Intermediate/Netflix-Clone/style.css
rename to projects/front-end/intermediate/netflix-clone/style.css
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/README.md b/projects/front-end/intermediate/product-landing-page/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/README.md
rename to projects/front-end/intermediate/product-landing-page/README.md
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/bg.jpg b/projects/front-end/intermediate/product-landing-page/assests/bg.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/bg.jpg
rename to projects/front-end/intermediate/product-landing-page/assests/bg.jpg
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/contact.jpg b/projects/front-end/intermediate/product-landing-page/assests/contact.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/contact.jpg
rename to projects/front-end/intermediate/product-landing-page/assests/contact.jpg
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/facebook.png b/projects/front-end/intermediate/product-landing-page/assests/facebook.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/facebook.png
rename to projects/front-end/intermediate/product-landing-page/assests/facebook.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/freeshipping.png b/projects/front-end/intermediate/product-landing-page/assests/freeshipping.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/freeshipping.png
rename to projects/front-end/intermediate/product-landing-page/assests/freeshipping.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/gift.jpg b/projects/front-end/intermediate/product-landing-page/assests/gift.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/gift.jpg
rename to projects/front-end/intermediate/product-landing-page/assests/gift.jpg
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/image.png b/projects/front-end/intermediate/product-landing-page/assests/image.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/image.png
rename to projects/front-end/intermediate/product-landing-page/assests/image.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/instagram.png b/projects/front-end/intermediate/product-landing-page/assests/instagram.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/instagram.png
rename to projects/front-end/intermediate/product-landing-page/assests/instagram.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/people.jpg b/projects/front-end/intermediate/product-landing-page/assests/people.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/people.jpg
rename to projects/front-end/intermediate/product-landing-page/assests/people.jpg
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/people2.jpg b/projects/front-end/intermediate/product-landing-page/assests/people2.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/people2.jpg
rename to projects/front-end/intermediate/product-landing-page/assests/people2.jpg
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/people3.jpg b/projects/front-end/intermediate/product-landing-page/assests/people3.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/people3.jpg
rename to projects/front-end/intermediate/product-landing-page/assests/people3.jpg
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/search.png b/projects/front-end/intermediate/product-landing-page/assests/search.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/search.png
rename to projects/front-end/intermediate/product-landing-page/assests/search.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe.png b/projects/front-end/intermediate/product-landing-page/assests/shoe.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe.png
rename to projects/front-end/intermediate/product-landing-page/assests/shoe.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe2.png b/projects/front-end/intermediate/product-landing-page/assests/shoe2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe2.png
rename to projects/front-end/intermediate/product-landing-page/assests/shoe2.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe3.png b/projects/front-end/intermediate/product-landing-page/assests/shoe3.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe3.png
rename to projects/front-end/intermediate/product-landing-page/assests/shoe3.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe4.png b/projects/front-end/intermediate/product-landing-page/assests/shoe4.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe4.png
rename to projects/front-end/intermediate/product-landing-page/assests/shoe4.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe5.png b/projects/front-end/intermediate/product-landing-page/assests/shoe5.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe5.png
rename to projects/front-end/intermediate/product-landing-page/assests/shoe5.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe6.jpg b/projects/front-end/intermediate/product-landing-page/assests/shoe6.jpg
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe6.jpg
rename to projects/front-end/intermediate/product-landing-page/assests/shoe6.jpg
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe7.png b/projects/front-end/intermediate/product-landing-page/assests/shoe7.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/shoe7.png
rename to projects/front-end/intermediate/product-landing-page/assests/shoe7.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/sneakers.png b/projects/front-end/intermediate/product-landing-page/assests/sneakers.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/sneakers.png
rename to projects/front-end/intermediate/product-landing-page/assests/sneakers.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/twitter.png b/projects/front-end/intermediate/product-landing-page/assests/twitter.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/twitter.png
rename to projects/front-end/intermediate/product-landing-page/assests/twitter.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/assests/whatsapp.png b/projects/front-end/intermediate/product-landing-page/assests/whatsapp.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/assests/whatsapp.png
rename to projects/front-end/intermediate/product-landing-page/assests/whatsapp.png
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/index.html b/projects/front-end/intermediate/product-landing-page/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/index.html
rename to projects/front-end/intermediate/product-landing-page/index.html
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/screenshot.webp b/projects/front-end/intermediate/product-landing-page/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/screenshot.webp
rename to projects/front-end/intermediate/product-landing-page/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/screenshot2.webp b/projects/front-end/intermediate/product-landing-page/screenshot2.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/screenshot2.webp
rename to projects/front-end/intermediate/product-landing-page/screenshot2.webp
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/screenshot3.webp b/projects/front-end/intermediate/product-landing-page/screenshot3.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/screenshot3.webp
rename to projects/front-end/intermediate/product-landing-page/screenshot3.webp
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/script.js b/projects/front-end/intermediate/product-landing-page/script.js
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/script.js
rename to projects/front-end/intermediate/product-landing-page/script.js
diff --git a/Front-end-Projects/Intermediate/Product-Landing-Page/styles.css b/projects/front-end/intermediate/product-landing-page/styles.css
similarity index 100%
rename from Front-end-Projects/Intermediate/Product-Landing-Page/styles.css
rename to projects/front-end/intermediate/product-landing-page/styles.css
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/README.md b/projects/front-end/intermediate/reddit-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/README.md
rename to projects/front-end/intermediate/reddit-clone/README.md
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/abouticon.png b/projects/front-end/intermediate/reddit-clone/assets/abouticon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/abouticon.png
rename to projects/front-end/intermediate/reddit-clone/assets/abouticon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/advertiseicon.png b/projects/front-end/intermediate/reddit-clone/assets/advertiseicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/advertiseicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/advertiseicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/aesthetic.png b/projects/front-end/intermediate/reddit-clone/assets/aesthetic.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/aesthetic.png
rename to projects/front-end/intermediate/reddit-clone/assets/aesthetic.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/aestheticpaper.png b/projects/front-end/intermediate/reddit-clone/assets/aestheticpaper.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/aestheticpaper.png
rename to projects/front-end/intermediate/reddit-clone/assets/aestheticpaper.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/aestheticpost.png b/projects/front-end/intermediate/reddit-clone/assets/aestheticpost.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/aestheticpost.png
rename to projects/front-end/intermediate/reddit-clone/assets/aestheticpost.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/arrow.png b/projects/front-end/intermediate/reddit-clone/assets/arrow.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/arrow.png
rename to projects/front-end/intermediate/reddit-clone/assets/arrow.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/aurora.png b/projects/front-end/intermediate/reddit-clone/assets/aurora.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/aurora.png
rename to projects/front-end/intermediate/reddit-clone/assets/aurora.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/avengers.png b/projects/front-end/intermediate/reddit-clone/assets/avengers.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/avengers.png
rename to projects/front-end/intermediate/reddit-clone/assets/avengers.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/blogicon.png b/projects/front-end/intermediate/reddit-clone/assets/blogicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/blogicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/blogicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/car.png b/projects/front-end/intermediate/reddit-clone/assets/car.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/car.png
rename to projects/front-end/intermediate/reddit-clone/assets/car.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/careersicon.png b/projects/front-end/intermediate/reddit-clone/assets/careersicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/careersicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/careersicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/chaticon.png b/projects/front-end/intermediate/reddit-clone/assets/chaticon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/chaticon.png
rename to projects/front-end/intermediate/reddit-clone/assets/chaticon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/climate.png b/projects/front-end/intermediate/reddit-clone/assets/climate.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/climate.png
rename to projects/front-end/intermediate/reddit-clone/assets/climate.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/elon.png b/projects/front-end/intermediate/reddit-clone/assets/elon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/elon.png
rename to projects/front-end/intermediate/reddit-clone/assets/elon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/elonmusk.png b/projects/front-end/intermediate/reddit-clone/assets/elonmusk.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/elonmusk.png
rename to projects/front-end/intermediate/reddit-clone/assets/elonmusk.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/gameicon.png b/projects/front-end/intermediate/reddit-clone/assets/gameicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/gameicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/gameicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/helpicon.png b/projects/front-end/intermediate/reddit-clone/assets/helpicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/helpicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/helpicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/home.png b/projects/front-end/intermediate/reddit-clone/assets/home.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/home.png
rename to projects/front-end/intermediate/reddit-clone/assets/home.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/icon.png b/projects/front-end/intermediate/reddit-clone/assets/icon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/icon.png
rename to projects/front-end/intermediate/reddit-clone/assets/icon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/internetcultureicon.png b/projects/front-end/intermediate/reddit-clone/assets/internetcultureicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/internetcultureicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/internetcultureicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/ipl-navbar-icon.svg b/projects/front-end/intermediate/reddit-clone/assets/ipl-navbar-icon.svg
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/ipl-navbar-icon.svg
rename to projects/front-end/intermediate/reddit-clone/assets/ipl-navbar-icon.svg
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/ironman.png b/projects/front-end/intermediate/reddit-clone/assets/ironman.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/ironman.png
rename to projects/front-end/intermediate/reddit-clone/assets/ironman.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/kang.mp4 b/projects/front-end/intermediate/reddit-clone/assets/kang.mp4
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/kang.mp4
rename to projects/front-end/intermediate/reddit-clone/assets/kang.mp4
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/kang.png b/projects/front-end/intermediate/reddit-clone/assets/kang.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/kang.png
rename to projects/front-end/intermediate/reddit-clone/assets/kang.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/landscape.png b/projects/front-end/intermediate/reddit-clone/assets/landscape.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/landscape.png
rename to projects/front-end/intermediate/reddit-clone/assets/landscape.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/likeicon.png b/projects/front-end/intermediate/reddit-clone/assets/likeicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/likeicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/likeicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/marvellogo.png b/projects/front-end/intermediate/reddit-clone/assets/marvellogo.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/marvellogo.png
rename to projects/front-end/intermediate/reddit-clone/assets/marvellogo.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/mikeicon.png b/projects/front-end/intermediate/reddit-clone/assets/mikeicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/mikeicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/mikeicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/mov.png b/projects/front-end/intermediate/reddit-clone/assets/mov.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/mov.png
rename to projects/front-end/intermediate/reddit-clone/assets/mov.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/moviesicon.png b/projects/front-end/intermediate/reddit-clone/assets/moviesicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/moviesicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/moviesicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/nasa.png b/projects/front-end/intermediate/reddit-clone/assets/nasa.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/nasa.png
rename to projects/front-end/intermediate/reddit-clone/assets/nasa.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/nasa2.png b/projects/front-end/intermediate/reddit-clone/assets/nasa2.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/nasa2.png
rename to projects/front-end/intermediate/reddit-clone/assets/nasa2.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/nav-icon.png b/projects/front-end/intermediate/reddit-clone/assets/nav-icon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/nav-icon.png
rename to projects/front-end/intermediate/reddit-clone/assets/nav-icon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/popculture.png b/projects/front-end/intermediate/reddit-clone/assets/popculture.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/popculture.png
rename to projects/front-end/intermediate/reddit-clone/assets/popculture.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/popular.png b/projects/front-end/intermediate/reddit-clone/assets/popular.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/popular.png
rename to projects/front-end/intermediate/reddit-clone/assets/popular.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/qnaicon.png b/projects/front-end/intermediate/reddit-clone/assets/qnaicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/qnaicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/qnaicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/qrcode-icon.png b/projects/front-end/intermediate/reddit-clone/assets/qrcode-icon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/qrcode-icon.png
rename to projects/front-end/intermediate/reddit-clone/assets/qrcode-icon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/searchicon.png b/projects/front-end/intermediate/reddit-clone/assets/searchicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/searchicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/searchicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/share.png b/projects/front-end/intermediate/reddit-clone/assets/share.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/share.png
rename to projects/front-end/intermediate/reddit-clone/assets/share.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/space.png b/projects/front-end/intermediate/reddit-clone/assets/space.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/space.png
rename to projects/front-end/intermediate/reddit-clone/assets/space.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/spaceship.png b/projects/front-end/intermediate/reddit-clone/assets/spaceship.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/spaceship.png
rename to projects/front-end/intermediate/reddit-clone/assets/spaceship.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/supercar.png b/projects/front-end/intermediate/reddit-clone/assets/supercar.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/supercar.png
rename to projects/front-end/intermediate/reddit-clone/assets/supercar.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/assets/technologyicon.png b/projects/front-end/intermediate/reddit-clone/assets/technologyicon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/assets/technologyicon.png
rename to projects/front-end/intermediate/reddit-clone/assets/technologyicon.png
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/index.html b/projects/front-end/intermediate/reddit-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/index.html
rename to projects/front-end/intermediate/reddit-clone/index.html
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/screenshot.webp b/projects/front-end/intermediate/reddit-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/screenshot.webp
rename to projects/front-end/intermediate/reddit-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/script.js b/projects/front-end/intermediate/reddit-clone/script.js
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/script.js
rename to projects/front-end/intermediate/reddit-clone/script.js
diff --git a/Front-end-Projects/Intermediate/Reddit-Clone/style.css b/projects/front-end/intermediate/reddit-clone/style.css
similarity index 100%
rename from Front-end-Projects/Intermediate/Reddit-Clone/style.css
rename to projects/front-end/intermediate/reddit-clone/style.css
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/README.md b/projects/front-end/intermediate/spotify-clone/README.md
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/README.md
rename to projects/front-end/intermediate/spotify-clone/README.md
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/alpha.png b/projects/front-end/intermediate/spotify-clone/assets/alpha.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/alpha.png
rename to projects/front-end/intermediate/spotify-clone/assets/alpha.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/cover-image.png b/projects/front-end/intermediate/spotify-clone/assets/cover-image.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/cover-image.png
rename to projects/front-end/intermediate/spotify-clone/assets/cover-image.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/disc.png b/projects/front-end/intermediate/spotify-clone/assets/disc.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/disc.png
rename to projects/front-end/intermediate/spotify-clone/assets/disc.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/for-you.png b/projects/front-end/intermediate/spotify-clone/assets/for-you.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/for-you.png
rename to projects/front-end/intermediate/spotify-clone/assets/for-you.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/gutar-gu.png b/projects/front-end/intermediate/spotify-clone/assets/gutar-gu.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/gutar-gu.png
rename to projects/front-end/intermediate/spotify-clone/assets/gutar-gu.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/indigo.png b/projects/front-end/intermediate/spotify-clone/assets/indigo.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/indigo.png
rename to projects/front-end/intermediate/spotify-clone/assets/indigo.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/interstellar.png b/projects/front-end/intermediate/spotify-clone/assets/interstellar.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/interstellar.png
rename to projects/front-end/intermediate/spotify-clone/assets/interstellar.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/like.png b/projects/front-end/intermediate/spotify-clone/assets/like.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/like.png
rename to projects/front-end/intermediate/spotify-clone/assets/like.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/memories.png b/projects/front-end/intermediate/spotify-clone/assets/memories.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/memories.png
rename to projects/front-end/intermediate/spotify-clone/assets/memories.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/naina.png b/projects/front-end/intermediate/spotify-clone/assets/naina.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/naina.png
rename to projects/front-end/intermediate/spotify-clone/assets/naina.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/on-repeat.png b/projects/front-end/intermediate/spotify-clone/assets/on-repeat.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/on-repeat.png
rename to projects/front-end/intermediate/spotify-clone/assets/on-repeat.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/pain.png b/projects/front-end/intermediate/spotify-clone/assets/pain.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/pain.png
rename to projects/front-end/intermediate/spotify-clone/assets/pain.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/play-hover-icon.png b/projects/front-end/intermediate/spotify-clone/assets/play-hover-icon.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/play-hover-icon.png
rename to projects/front-end/intermediate/spotify-clone/assets/play-hover-icon.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/poker-face.png b/projects/front-end/intermediate/spotify-clone/assets/poker-face.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/poker-face.png
rename to projects/front-end/intermediate/spotify-clone/assets/poker-face.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/project-baby.png b/projects/front-end/intermediate/spotify-clone/assets/project-baby.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/project-baby.png
rename to projects/front-end/intermediate/spotify-clone/assets/project-baby.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/she-said-disco.png b/projects/front-end/intermediate/spotify-clone/assets/she-said-disco.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/she-said-disco.png
rename to projects/front-end/intermediate/spotify-clone/assets/she-said-disco.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/song-name.png b/projects/front-end/intermediate/spotify-clone/assets/song-name.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/song-name.png
rename to projects/front-end/intermediate/spotify-clone/assets/song-name.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/star-boy.png b/projects/front-end/intermediate/spotify-clone/assets/star-boy.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/star-boy.png
rename to projects/front-end/intermediate/spotify-clone/assets/star-boy.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/the-escape.png b/projects/front-end/intermediate/spotify-clone/assets/the-escape.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/the-escape.png
rename to projects/front-end/intermediate/spotify-clone/assets/the-escape.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/true-love.png b/projects/front-end/intermediate/spotify-clone/assets/true-love.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/true-love.png
rename to projects/front-end/intermediate/spotify-clone/assets/true-love.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/assets/xxx.png b/projects/front-end/intermediate/spotify-clone/assets/xxx.png
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/assets/xxx.png
rename to projects/front-end/intermediate/spotify-clone/assets/xxx.png
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/index.html b/projects/front-end/intermediate/spotify-clone/index.html
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/index.html
rename to projects/front-end/intermediate/spotify-clone/index.html
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/screenshot.webp b/projects/front-end/intermediate/spotify-clone/screenshot.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/screenshot.webp
rename to projects/front-end/intermediate/spotify-clone/screenshot.webp
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/screenshot2.webp b/projects/front-end/intermediate/spotify-clone/screenshot2.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/screenshot2.webp
rename to projects/front-end/intermediate/spotify-clone/screenshot2.webp
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/screenshot3.webp b/projects/front-end/intermediate/spotify-clone/screenshot3.webp
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/screenshot3.webp
rename to projects/front-end/intermediate/spotify-clone/screenshot3.webp
diff --git a/Front-end-Projects/Intermediate/Spotify-Clone/style.css b/projects/front-end/intermediate/spotify-clone/style.css
similarity index 100%
rename from Front-end-Projects/Intermediate/Spotify-Clone/style.css
rename to projects/front-end/intermediate/spotify-clone/style.css
diff --git a/Next-JS-Projects/README.md b/projects/next-js/README.md
similarity index 100%
rename from Next-JS-Projects/README.md
rename to projects/next-js/README.md
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/.env.sample b/projects/next-js/advanced/attendance-tracking-app/.env.sample
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/.env.sample
rename to projects/next-js/advanced/attendance-tracking-app/.env.sample
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/.eslintrc.json b/projects/next-js/advanced/attendance-tracking-app/.eslintrc.json
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/.eslintrc.json
rename to projects/next-js/advanced/attendance-tracking-app/.eslintrc.json
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/README.md b/projects/next-js/advanced/attendance-tracking-app/README.md
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/README.md
rename to projects/next-js/advanced/attendance-tracking-app/README.md
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/(home)/page.tsx b/projects/next-js/advanced/attendance-tracking-app/app/(root)/(home)/page.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/(home)/page.tsx
rename to projects/next-js/advanced/attendance-tracking-app/app/(root)/(home)/page.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/calendar/page.tsx b/projects/next-js/advanced/attendance-tracking-app/app/(root)/calendar/page.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/calendar/page.tsx
rename to projects/next-js/advanced/attendance-tracking-app/app/(root)/calendar/page.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/layout.tsx b/projects/next-js/advanced/attendance-tracking-app/app/(root)/layout.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/layout.tsx
rename to projects/next-js/advanced/attendance-tracking-app/app/(root)/layout.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/settings/dsa/page.tsx b/projects/next-js/advanced/attendance-tracking-app/app/(root)/settings/dsa/page.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/settings/dsa/page.tsx
rename to projects/next-js/advanced/attendance-tracking-app/app/(root)/settings/dsa/page.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/settings/layout.tsx b/projects/next-js/advanced/attendance-tracking-app/app/(root)/settings/layout.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/settings/layout.tsx
rename to projects/next-js/advanced/attendance-tracking-app/app/(root)/settings/layout.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/settings/page.tsx b/projects/next-js/advanced/attendance-tracking-app/app/(root)/settings/page.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/(root)/settings/page.tsx
rename to projects/next-js/advanced/attendance-tracking-app/app/(root)/settings/page.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/favicon.ico b/projects/next-js/advanced/attendance-tracking-app/app/favicon.ico
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/favicon.ico
rename to projects/next-js/advanced/attendance-tracking-app/app/favicon.ico
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/globals.css b/projects/next-js/advanced/attendance-tracking-app/app/globals.css
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/globals.css
rename to projects/next-js/advanced/attendance-tracking-app/app/globals.css
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/app/layout.tsx b/projects/next-js/advanced/attendance-tracking-app/app/layout.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/app/layout.tsx
rename to projects/next-js/advanced/attendance-tracking-app/app/layout.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/firebase/config.ts b/projects/next-js/advanced/attendance-tracking-app/firebase/config.ts
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/firebase/config.ts
rename to projects/next-js/advanced/attendance-tracking-app/firebase/config.ts
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/next.config.mjs b/projects/next-js/advanced/attendance-tracking-app/next.config.mjs
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/next.config.mjs
rename to projects/next-js/advanced/attendance-tracking-app/next.config.mjs
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/package.json b/projects/next-js/advanced/attendance-tracking-app/package.json
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/package.json
rename to projects/next-js/advanced/attendance-tracking-app/package.json
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/postcss.config.mjs b/projects/next-js/advanced/attendance-tracking-app/postcss.config.mjs
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/postcss.config.mjs
rename to projects/next-js/advanced/attendance-tracking-app/postcss.config.mjs
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/bottom-float.png b/projects/next-js/advanced/attendance-tracking-app/public/assets/images/bottom-float.png
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/bottom-float.png
rename to projects/next-js/advanced/attendance-tracking-app/public/assets/images/bottom-float.png
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/logo.png b/projects/next-js/advanced/attendance-tracking-app/public/assets/images/logo.png
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/logo.png
rename to projects/next-js/advanced/attendance-tracking-app/public/assets/images/logo.png
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/profile.png b/projects/next-js/advanced/attendance-tracking-app/public/assets/images/profile.png
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/profile.png
rename to projects/next-js/advanced/attendance-tracking-app/public/assets/images/profile.png
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/top-float.png b/projects/next-js/advanced/attendance-tracking-app/public/assets/images/top-float.png
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/public/assets/images/top-float.png
rename to projects/next-js/advanced/attendance-tracking-app/public/assets/images/top-float.png
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/screenshot.webp b/projects/next-js/advanced/attendance-tracking-app/screenshot.webp
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/screenshot.webp
rename to projects/next-js/advanced/attendance-tracking-app/screenshot.webp
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Calendar/Calendar.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Calendar/Calendar.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Calendar/Calendar.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Calendar/Calendar.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Footer.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Footer.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Footer.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Footer.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/EditModal.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Home/EditModal.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/EditModal.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Home/EditModal.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/Home.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Home/Home.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/Home.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Home/Home.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/Modal.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Home/Modal.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/Modal.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Home/Modal.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/SubCard.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Home/SubCard.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/SubCard.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Home/SubCard.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/percentages.css b/projects/next-js/advanced/attendance-tracking-app/src/Components/Home/percentages.css
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Home/percentages.css
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Home/percentages.css
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Landing.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Landing.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Landing.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Landing.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Navbar.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Navbar.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Navbar.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Navbar.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/ActivityCard.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/ActivityCard.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/ActivityCard.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/ActivityCard.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/ReportCard.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/ReportCard.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/ReportCard.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/ReportCard.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/Settings.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/Settings.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/Settings.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/Settings.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/Stamps.tsx b/projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/Stamps.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/Components/Settings/Stamps.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/Components/Settings/Stamps.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/svg-components/HomeSvg.tsx b/projects/next-js/advanced/attendance-tracking-app/src/svg-components/HomeSvg.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/svg-components/HomeSvg.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/svg-components/HomeSvg.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/src/svg-components/Logo.tsx b/projects/next-js/advanced/attendance-tracking-app/src/svg-components/Logo.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/src/svg-components/Logo.tsx
rename to projects/next-js/advanced/attendance-tracking-app/src/svg-components/Logo.tsx
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/tailwind.config.ts b/projects/next-js/advanced/attendance-tracking-app/tailwind.config.ts
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/tailwind.config.ts
rename to projects/next-js/advanced/attendance-tracking-app/tailwind.config.ts
diff --git a/Next-JS-Projects/Advanced/Attendance-Tracking-App/tsconfig.json b/projects/next-js/advanced/attendance-tracking-app/tsconfig.json
similarity index 100%
rename from Next-JS-Projects/Advanced/Attendance-Tracking-App/tsconfig.json
rename to projects/next-js/advanced/attendance-tracking-app/tsconfig.json
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/.eslintrc.json b/projects/next-js/advanced/breaking-news-app/.eslintrc.json
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/.eslintrc.json
rename to projects/next-js/advanced/breaking-news-app/.eslintrc.json
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/README.md b/projects/next-js/advanced/breaking-news-app/README.md
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/README.md
rename to projects/next-js/advanced/breaking-news-app/README.md
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/assets/images/newsarticle_placeholder.png b/projects/next-js/advanced/breaking-news-app/assets/images/newsarticle_placeholder.png
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/assets/images/newsarticle_placeholder.png
rename to projects/next-js/advanced/breaking-news-app/assets/images/newsarticle_placeholder.png
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/components/NavBar.tsx b/projects/next-js/advanced/breaking-news-app/components/NavBar.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/components/NavBar.tsx
rename to projects/next-js/advanced/breaking-news-app/components/NavBar.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/components/NewsArticleEntry.tsx b/projects/next-js/advanced/breaking-news-app/components/NewsArticleEntry.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/components/NewsArticleEntry.tsx
rename to projects/next-js/advanced/breaking-news-app/components/NewsArticleEntry.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/components/NewsArticlesGrid.tsx b/projects/next-js/advanced/breaking-news-app/components/NewsArticlesGrid.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/components/NewsArticlesGrid.tsx
rename to projects/next-js/advanced/breaking-news-app/components/NewsArticlesGrid.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/models/NewsArticles.d.ts b/projects/next-js/advanced/breaking-news-app/models/NewsArticles.d.ts
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/models/NewsArticles.d.ts
rename to projects/next-js/advanced/breaking-news-app/models/NewsArticles.d.ts
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/next.config.js b/projects/next-js/advanced/breaking-news-app/next.config.js
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/next.config.js
rename to projects/next-js/advanced/breaking-news-app/next.config.js
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/package.json b/projects/next-js/advanced/breaking-news-app/package.json
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/package.json
rename to projects/next-js/advanced/breaking-news-app/package.json
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/404.tsx b/projects/next-js/advanced/breaking-news-app/pages/404.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/404.tsx
rename to projects/next-js/advanced/breaking-news-app/pages/404.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/500.tsx b/projects/next-js/advanced/breaking-news-app/pages/500.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/500.tsx
rename to projects/next-js/advanced/breaking-news-app/pages/500.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/_app.tsx b/projects/next-js/advanced/breaking-news-app/pages/_app.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/_app.tsx
rename to projects/next-js/advanced/breaking-news-app/pages/_app.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/_document.tsx b/projects/next-js/advanced/breaking-news-app/pages/_document.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/_document.tsx
rename to projects/next-js/advanced/breaking-news-app/pages/_document.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/api/search-news.ts b/projects/next-js/advanced/breaking-news-app/pages/api/search-news.ts
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/api/search-news.ts
rename to projects/next-js/advanced/breaking-news-app/pages/api/search-news.ts
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/categories/[category].tsx b/projects/next-js/advanced/breaking-news-app/pages/categories/[category].tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/categories/[category].tsx
rename to projects/next-js/advanced/breaking-news-app/pages/categories/[category].tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/index.tsx b/projects/next-js/advanced/breaking-news-app/pages/index.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/index.tsx
rename to projects/next-js/advanced/breaking-news-app/pages/index.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/pages/search.tsx b/projects/next-js/advanced/breaking-news-app/pages/search.tsx
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/pages/search.tsx
rename to projects/next-js/advanced/breaking-news-app/pages/search.tsx
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/public/favicon.ico b/projects/next-js/advanced/breaking-news-app/public/favicon.ico
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/public/favicon.ico
rename to projects/next-js/advanced/breaking-news-app/public/favicon.ico
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/public/next.svg b/projects/next-js/advanced/breaking-news-app/public/next.svg
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/public/next.svg
rename to projects/next-js/advanced/breaking-news-app/public/next.svg
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/public/vercel.svg b/projects/next-js/advanced/breaking-news-app/public/vercel.svg
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/public/vercel.svg
rename to projects/next-js/advanced/breaking-news-app/public/vercel.svg
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/screenshot.webp b/projects/next-js/advanced/breaking-news-app/screenshot.webp
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/screenshot.webp
rename to projects/next-js/advanced/breaking-news-app/screenshot.webp
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/styles/NewsArticleEntry.module.css b/projects/next-js/advanced/breaking-news-app/styles/NewsArticleEntry.module.css
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/styles/NewsArticleEntry.module.css
rename to projects/next-js/advanced/breaking-news-app/styles/NewsArticleEntry.module.css
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/styles/app.module.css b/projects/next-js/advanced/breaking-news-app/styles/app.module.css
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/styles/app.module.css
rename to projects/next-js/advanced/breaking-news-app/styles/app.module.css
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/styles/globals.css b/projects/next-js/advanced/breaking-news-app/styles/globals.css
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/styles/globals.css
rename to projects/next-js/advanced/breaking-news-app/styles/globals.css
diff --git a/Next-JS-Projects/Advanced/Breaking-News-App/tsconfig.json b/projects/next-js/advanced/breaking-news-app/tsconfig.json
similarity index 100%
rename from Next-JS-Projects/Advanced/Breaking-News-App/tsconfig.json
rename to projects/next-js/advanced/breaking-news-app/tsconfig.json
diff --git a/Next-JS-Projects/Basic/Weather-Website/.eslintrc.json b/projects/next-js/basic/weather-website/.eslintrc.json
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/.eslintrc.json
rename to projects/next-js/basic/weather-website/.eslintrc.json
diff --git a/Next-JS-Projects/Basic/Weather-Website/.gitignore b/projects/next-js/basic/weather-website/.gitignore
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/.gitignore
rename to projects/next-js/basic/weather-website/.gitignore
diff --git a/Next-JS-Projects/Basic/Weather-Website/README.md b/projects/next-js/basic/weather-website/README.md
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/README.md
rename to projects/next-js/basic/weather-website/README.md
diff --git a/Next-JS-Projects/Basic/Weather-Website/app/api/weather/route.ts b/projects/next-js/basic/weather-website/app/api/weather/route.ts
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/app/api/weather/route.ts
rename to projects/next-js/basic/weather-website/app/api/weather/route.ts
diff --git a/Next-JS-Projects/Basic/Weather-Website/app/favicon.ico b/projects/next-js/basic/weather-website/app/favicon.ico
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/app/favicon.ico
rename to projects/next-js/basic/weather-website/app/favicon.ico
diff --git a/Next-JS-Projects/Basic/Weather-Website/app/globals.css b/projects/next-js/basic/weather-website/app/globals.css
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/app/globals.css
rename to projects/next-js/basic/weather-website/app/globals.css
diff --git a/Next-JS-Projects/Basic/Weather-Website/app/layout.tsx b/projects/next-js/basic/weather-website/app/layout.tsx
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/app/layout.tsx
rename to projects/next-js/basic/weather-website/app/layout.tsx
diff --git a/Next-JS-Projects/Basic/Weather-Website/app/page.module.css b/projects/next-js/basic/weather-website/app/page.module.css
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/app/page.module.css
rename to projects/next-js/basic/weather-website/app/page.module.css
diff --git a/Next-JS-Projects/Basic/Weather-Website/app/page.tsx b/projects/next-js/basic/weather-website/app/page.tsx
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/app/page.tsx
rename to projects/next-js/basic/weather-website/app/page.tsx
diff --git a/Next-JS-Projects/Basic/Weather-Website/next.config.mjs b/projects/next-js/basic/weather-website/next.config.mjs
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/next.config.mjs
rename to projects/next-js/basic/weather-website/next.config.mjs
diff --git a/Next-JS-Projects/Basic/Weather-Website/package-lock.json b/projects/next-js/basic/weather-website/package-lock.json
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/package-lock.json
rename to projects/next-js/basic/weather-website/package-lock.json
diff --git a/Next-JS-Projects/Basic/Weather-Website/package.json b/projects/next-js/basic/weather-website/package.json
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/package.json
rename to projects/next-js/basic/weather-website/package.json
diff --git a/Next-JS-Projects/Basic/Weather-Website/postcss.config.mjs b/projects/next-js/basic/weather-website/postcss.config.mjs
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/postcss.config.mjs
rename to projects/next-js/basic/weather-website/postcss.config.mjs
diff --git a/Next-JS-Projects/Basic/Weather-Website/public/next.svg b/projects/next-js/basic/weather-website/public/next.svg
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/public/next.svg
rename to projects/next-js/basic/weather-website/public/next.svg
diff --git a/Next-JS-Projects/Basic/Weather-Website/public/vercel.svg b/projects/next-js/basic/weather-website/public/vercel.svg
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/public/vercel.svg
rename to projects/next-js/basic/weather-website/public/vercel.svg
diff --git a/Next-JS-Projects/Basic/Weather-Website/screenshot.webp b/projects/next-js/basic/weather-website/screenshot.webp
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/screenshot.webp
rename to projects/next-js/basic/weather-website/screenshot.webp
diff --git a/Next-JS-Projects/Basic/Weather-Website/tailwind.config.ts b/projects/next-js/basic/weather-website/tailwind.config.ts
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/tailwind.config.ts
rename to projects/next-js/basic/weather-website/tailwind.config.ts
diff --git a/Next-JS-Projects/Basic/Weather-Website/tsconfig.json b/projects/next-js/basic/weather-website/tsconfig.json
similarity index 100%
rename from Next-JS-Projects/Basic/Weather-Website/tsconfig.json
rename to projects/next-js/basic/weather-website/tsconfig.json
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/README.md b/projects/next-js/intermediate/quiz-app/README.md
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/README.md
rename to projects/next-js/intermediate/quiz-app/README.md
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/app/globals.css b/projects/next-js/intermediate/quiz-app/app/globals.css
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/app/globals.css
rename to projects/next-js/intermediate/quiz-app/app/globals.css
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/app/layout.js b/projects/next-js/intermediate/quiz-app/app/layout.js
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/app/layout.js
rename to projects/next-js/intermediate/quiz-app/app/layout.js
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/app/page.js b/projects/next-js/intermediate/quiz-app/app/page.js
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/app/page.js
rename to projects/next-js/intermediate/quiz-app/app/page.js
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/app/quiz/[id]/page.js b/projects/next-js/intermediate/quiz-app/app/quiz/[id]/page.js
similarity index 97%
rename from Next-JS-Projects/Intermediate/Quiz-App/app/quiz/[id]/page.js
rename to projects/next-js/intermediate/quiz-app/app/quiz/[id]/page.js
index 850e3b17..d6ac565f 100644
--- a/Next-JS-Projects/Intermediate/Quiz-App/app/quiz/[id]/page.js
+++ b/projects/next-js/intermediate/quiz-app/app/quiz/[id]/page.js
@@ -1,57 +1,57 @@
-"use client";
-
-import { useState } from 'react';
-import { useRouter, useParams } from 'next/navigation';
-import questions from '../../../public/questions.json';
-
-export default function Quiz() {
-
-    const { id } = useParams();
-    const quiz = questions.filter((q) => q.category === id);
-    const [currentQuestion, setCurrentQuestion] = useState(0);
-    const [score, setScore] = useState(0);
-    const router = useRouter();
-
-    const handleAnswerClick = (answer) => {
-        if (answer === quiz[currentQuestion].answer) {
-          setScore(score + 1);
-        }
-    
-        const nextQuestion = currentQuestion + 1;
-        if (nextQuestion < quiz.length) {
-          setCurrentQuestion(nextQuestion);
-        } else {
-            router.push(`/results?score=${score + 1}&total=${quiz.length}`)
-        }
-    };
-
-    return (
-        <div 
-            className="max-w-xl mx-auto mt-8 p-8 border-2 border-blue-600 rounded relative"
-        >
-            <h3 
-                className='mb-2 absolute -top-5 right-5 py-2 px-5 bg-blue-600 text-white rounded-full'
-            >
-                Question {currentQuestion+1} of {quiz.length}
-            </h3>
-            <h2 
-                className="text-xl font-bold mb-4"
-            >
-                {quiz[currentQuestion].question}
-            </h2>
-            <div 
-                className="space-y-2"
-            >
-                {quiz[currentQuestion].options.map((option, index) => (
-                    <button
-                        key={index}
-                        onClick={() => handleAnswerClick(option)}
-                        className="w-full border-2 border-blue-600 p-2 rounded hover:bg-blue-600 text-white text-left"
-                    >
-                        {option}
-                    </button>
-                ))}
-            </div>
-        </div>
-    )
+"use client";
+
+import { useState } from 'react';
+import { useRouter, useParams } from 'next/navigation';
+import questions from '../../../public/questions.json';
+
+export default function Quiz() {
+
+    const { id } = useParams();
+    const quiz = questions.filter((q) => q.category === id);
+    const [currentQuestion, setCurrentQuestion] = useState(0);
+    const [score, setScore] = useState(0);
+    const router = useRouter();
+
+    const handleAnswerClick = (answer) => {
+        if (answer === quiz[currentQuestion].answer) {
+          setScore(score + 1);
+        }
+    
+        const nextQuestion = currentQuestion + 1;
+        if (nextQuestion < quiz.length) {
+          setCurrentQuestion(nextQuestion);
+        } else {
+            router.push(`/results?score=${score + 1}&total=${quiz.length}`)
+        }
+    };
+
+    return (
+        <div 
+            className="max-w-xl mx-auto mt-8 p-8 border-2 border-blue-600 rounded relative"
+        >
+            <h3 
+                className='mb-2 absolute -top-5 right-5 py-2 px-5 bg-blue-600 text-white rounded-full'
+            >
+                Question {currentQuestion+1} of {quiz.length}
+            </h3>
+            <h2 
+                className="text-xl font-bold mb-4"
+            >
+                {quiz[currentQuestion].question}
+            </h2>
+            <div 
+                className="space-y-2"
+            >
+                {quiz[currentQuestion].options.map((option, index) => (
+                    <button
+                        key={index}
+                        onClick={() => handleAnswerClick(option)}
+                        className="w-full border-2 border-blue-600 p-2 rounded hover:bg-blue-600 text-white text-left"
+                    >
+                        {option}
+                    </button>
+                ))}
+            </div>
+        </div>
+    )
 }
\ No newline at end of file
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/app/results/page.js b/projects/next-js/intermediate/quiz-app/app/results/page.js
similarity index 96%
rename from Next-JS-Projects/Intermediate/Quiz-App/app/results/page.js
rename to projects/next-js/intermediate/quiz-app/app/results/page.js
index 2d2df360..23afeb33 100644
--- a/Next-JS-Projects/Intermediate/Quiz-App/app/results/page.js
+++ b/projects/next-js/intermediate/quiz-app/app/results/page.js
@@ -1,36 +1,36 @@
-'use client';
-
-import { useSearchParams } from 'next/navigation';
-import { useRouter } from 'next/navigation';
-
-const ResultsPage = () => {
-    const searchParams = useSearchParams();
-    const router = useRouter();
-    const score = searchParams.get('score');
-    const total = searchParams.get('total');
-
-    return (
-        <div 
-            className="max-w-xl mx-auto mt-8 text-center p-8 border-2 border-blue-600 rounded"
-        >
-            <h2 
-                className="text-2xl font-bold"
-            >
-                Your Score: {score}/{total}
-            </h2>
-            <p 
-                className="mt-4"
-            >
-                Thanks for taking the quiz!
-            </p>
-            <button
-                onClick={() => router.push('/')}
-                className="mt-4 bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600"
-            >
-                Go Home
-            </button>
-        </div>
-    );
-};
-
-export default ResultsPage;
+'use client';
+
+import { useSearchParams } from 'next/navigation';
+import { useRouter } from 'next/navigation';
+
+const ResultsPage = () => {
+    const searchParams = useSearchParams();
+    const router = useRouter();
+    const score = searchParams.get('score');
+    const total = searchParams.get('total');
+
+    return (
+        <div 
+            className="max-w-xl mx-auto mt-8 text-center p-8 border-2 border-blue-600 rounded"
+        >
+            <h2 
+                className="text-2xl font-bold"
+            >
+                Your Score: {score}/{total}
+            </h2>
+            <p 
+                className="mt-4"
+            >
+                Thanks for taking the quiz!
+            </p>
+            <button
+                onClick={() => router.push('/')}
+                className="mt-4 bg-blue-500 text-white py-2 px-4 rounded hover:bg-blue-600"
+            >
+                Go Home
+            </button>
+        </div>
+    );
+};
+
+export default ResultsPage;
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/images/home.png b/projects/next-js/intermediate/quiz-app/images/home.png
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/images/home.png
rename to projects/next-js/intermediate/quiz-app/images/home.png
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/images/quiz.png b/projects/next-js/intermediate/quiz-app/images/quiz.png
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/images/quiz.png
rename to projects/next-js/intermediate/quiz-app/images/quiz.png
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/images/results.png b/projects/next-js/intermediate/quiz-app/images/results.png
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/images/results.png
rename to projects/next-js/intermediate/quiz-app/images/results.png
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/jsconfig.json b/projects/next-js/intermediate/quiz-app/jsconfig.json
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/jsconfig.json
rename to projects/next-js/intermediate/quiz-app/jsconfig.json
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/next.config.mjs b/projects/next-js/intermediate/quiz-app/next.config.mjs
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/next.config.mjs
rename to projects/next-js/intermediate/quiz-app/next.config.mjs
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/package.json b/projects/next-js/intermediate/quiz-app/package.json
similarity index 99%
rename from Next-JS-Projects/Intermediate/Quiz-App/package.json
rename to projects/next-js/intermediate/quiz-app/package.json
index 508d3451..584fe839 100644
--- a/Next-JS-Projects/Intermediate/Quiz-App/package.json
+++ b/projects/next-js/intermediate/quiz-app/package.json
@@ -17,4 +17,4 @@
     "postcss": "^8",
     "tailwindcss": "^3.4.1"
   }
-}
+}
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/postcss.config.mjs b/projects/next-js/intermediate/quiz-app/postcss.config.mjs
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/postcss.config.mjs
rename to projects/next-js/intermediate/quiz-app/postcss.config.mjs
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/public/categories.json b/projects/next-js/intermediate/quiz-app/public/categories.json
similarity index 96%
rename from Next-JS-Projects/Intermediate/Quiz-App/public/categories.json
rename to projects/next-js/intermediate/quiz-app/public/categories.json
index 6b077cfe..975c27a7 100644
--- a/Next-JS-Projects/Intermediate/Quiz-App/public/categories.json
+++ b/projects/next-js/intermediate/quiz-app/public/categories.json
@@ -1,11 +1,11 @@
-[
-    { "id": "html", "name": "HTML" },
-    { "id": "css", "name": "CSS" },
-    { "id": "javascript", "name": "JavaScript" },
-    { "id": "python", "name": "Python" },
-    { "id": "java", "name": "Java" },
-    { "id": "react", "name": "React" },
-    { "id": "php", "name": "PHP" },
-    { "id": "c", "name": "C" }
-  ]
+[
+    { "id": "html", "name": "HTML" },
+    { "id": "css", "name": "CSS" },
+    { "id": "javascript", "name": "JavaScript" },
+    { "id": "python", "name": "Python" },
+    { "id": "java", "name": "Java" },
+    { "id": "react", "name": "React" },
+    { "id": "php", "name": "PHP" },
+    { "id": "c", "name": "C" }
+  ]
   
\ No newline at end of file
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/public/questions.json b/projects/next-js/intermediate/quiz-app/public/questions.json
similarity index 99%
rename from Next-JS-Projects/Intermediate/Quiz-App/public/questions.json
rename to projects/next-js/intermediate/quiz-app/public/questions.json
index f5be8242..966087e5 100644
--- a/Next-JS-Projects/Intermediate/Quiz-App/public/questions.json
+++ b/projects/next-js/intermediate/quiz-app/public/questions.json
@@ -1,41 +1,41 @@
-[
-  { "question": "What does HTML stand for?", "options": ["HyperText Markup Language", "HighText Machine Language", "Hyperlink and Text Markup Language", "None of the above"], "answer": "HyperText Markup Language", "category": "html" },
-  { "question": "What is the correct HTML element for inserting a line break?", "options": ["<break>", "<lb>", "<br>", "<line>"], "answer": "<br>", "category": "html" },
-  { "question": "Which HTML attribute specifies an alternate text for an image, if the image cannot be displayed?", "options": ["alt", "title", "src", "href"], "answer": "alt", "category": "html" },
-  { "question": "Which HTML tag is used to define an internal style sheet?", "options": ["<style>", "<css>", "<script>", "<link>"], "answer": "<style>", "category": "html" },
-
-  { "question": "What does CSS stand for?", "options": ["Cascading Style Sheets", "Colorful Style Sheets", "Computer Style Sheets", "Creative Style Sheets"], "answer": "Cascading Style Sheets", "category": "css" },
-  { "question": "How do you select an element with the class name 'example' in CSS?", "options": [".example", "#example", "example", "*example"], "answer": ".example", "category": "css" },
-  { "question": "Which CSS property controls the text size?", "options": ["font-size", "text-size", "font-style", "text-style"], "answer": "font-size", "category": "css" },
-  { "question": "How do you make a list that lists items horizontally in CSS?", "options": ["list-style: horizontal", "display: inline", "list-style-type: horizontal", "float: left"], "answer": "display: inline", "category": "css" },
-
-  { "question": "What is the output of `typeof NaN` in JavaScript?", "options": ["number", "NaN", "undefined", "object"], "answer": "number", "category": "javascript" },
-  { "question": "Which method removes the last element from an array and returns it?", "options": ["pop()", "push()", "shift()", "unshift()"], "answer": "pop()", "category": "javascript" },
-  { "question": "What does `JSON.stringify()` do?", "options": ["Converts a JavaScript object to a JSON string", "Parses a JSON string to a JavaScript object", "Converts a string to a JavaScript object", "Stringifies a JavaScript function"], "answer": "Converts a JavaScript object to a JSON string", "category": "javascript" },
-  { "question": "Which keyword is used to declare a variable that cannot be reassigned?", "options": ["let", "var", "const", "static"], "answer": "const", "category": "javascript" },
-
-  { "question": "What is the output of `print(2 ** 3)` in Python?", "options": ["8", "9", "6", "3"], "answer": "8", "category": "python" },
-  { "question": "How do you create a function in Python?", "options": ["def functionName():", "function functionName():", "create functionName():", "functionName():"], "answer": "def functionName():", "category": "python" },
-  { "question": "What is the correct way to write a list in Python?", "options": ["list = [1, 2, 3]", "list = (1, 2, 3)", "list = {1, 2, 3}", "list = 1, 2, 3"], "answer": "list = [1, 2, 3]", "category": "python" },
-  { "question": "How do you insert a comment in Python?", "options": ["// comment", "# comment", "/* comment */", "<!-- comment -->"], "answer": "# comment", "category": "python" },
-
-  { "question": "Which of these is a correct way to declare a variable in Java?", "options": ["int x = 10;", "x = 10;", "var x = 10;", "let x = 10;"], "answer": "int x = 10;", "category": "java" },
-  { "question": "What is the default value of a boolean variable in Java?", "options": ["true", "false", "0", "null"], "answer": "false", "category": "java" },
-  { "question": "What is the correct way to create an array in Java?", "options": ["int[] arr = new int[5];", "int arr = new int[5];", "array arr = new int[5];", "int arr[] = new int[5];"], "answer": "int[] arr = new int[5];", "category": "java" },
-  { "question": "Which keyword is used to prevent a method from being overridden in Java?", "options": ["static", "final", "private", "protected"], "answer": "final", "category": "java" },
-
-  { "question": "Which of these is a popular React library for state management?", "options": ["Redux", "jQuery", "Lodash", "Axios"], "answer": "Redux", "category": "react" },
-  { "question": "How do you create a functional component in React?", "options": ["function MyComponent() {}", "class MyComponent extends React.Component {}", "function MyComponent = () => {}", "const MyComponent = class {}"], "answer": "function MyComponent() {}", "category": "react" },
-  { "question": "Which hook is used to manage state in a functional component?", "options": ["useState", "useEffect", "useReducer", "useContext"], "answer": "useState", "category": "react" },
-  { "question": "How do you pass data from a parent component to a child component in React?", "options": ["props", "state", "context", "refs"], "answer": "props", "category": "react" },
-
-  { "question": "How do you declare a variable in PHP?", "options": ["$variable = value;", "var variable = value;", "let variable = value;", "const variable = value;"], "answer": "$variable = value;", "category": "php" },
-  { "question": "Which PHP function is used to get the length of a string?", "options": ["strlen()", "length()", "str_length()", "get_length()"], "answer": "strlen()", "category": "php" },
-  { "question": "How do you concatenate strings in PHP?", "options": ["string1 . string2", "concat(string1, string2)", "string1 + string2", "combine(string1, string2)"], "answer": "string1 . string2", "category": "php" },
-  { "question": "Which PHP function is used to include another file?", "options": ["include()", "require()", "import()", "include_file()"], "answer": "include()", "category": "php" },
-
-  { "question": "Which of the following is a valid variable declaration in C?", "options": ["int x = 10;", "x = 10;", "var x = 10;", "let x = 10;"], "answer": "int x = 10;", "category": "c" },
-  { "question": "What does the `printf` function do in C?", "options": ["Prints formatted output to the console", "Reads input from the user", "Allocates memory", "Declares a variable"], "answer": "Prints formatted output to the console", "category": "c" },
-  { "question": "How do you declare a constant in C?", "options": ["const int x = 10;", "#define x 10", "int x = 10;", "constant int x = 10;"], "answer": "const int x = 10;", "category": "c" },
-  { "question": "Which header file is required for using `printf` in C?", "options": ["<stdio.h>", "<stdlib.h>", "<string.h>", "<math.h>"], "answer": "<stdio.h>", "category": "c" }
-]
+[
+  { "question": "What does HTML stand for?", "options": ["HyperText Markup Language", "HighText Machine Language", "Hyperlink and Text Markup Language", "None of the above"], "answer": "HyperText Markup Language", "category": "html" },
+  { "question": "What is the correct HTML element for inserting a line break?", "options": ["<break>", "<lb>", "<br>", "<line>"], "answer": "<br>", "category": "html" },
+  { "question": "Which HTML attribute specifies an alternate text for an image, if the image cannot be displayed?", "options": ["alt", "title", "src", "href"], "answer": "alt", "category": "html" },
+  { "question": "Which HTML tag is used to define an internal style sheet?", "options": ["<style>", "<css>", "<script>", "<link>"], "answer": "<style>", "category": "html" },
+
+  { "question": "What does CSS stand for?", "options": ["Cascading Style Sheets", "Colorful Style Sheets", "Computer Style Sheets", "Creative Style Sheets"], "answer": "Cascading Style Sheets", "category": "css" },
+  { "question": "How do you select an element with the class name 'example' in CSS?", "options": [".example", "#example", "example", "*example"], "answer": ".example", "category": "css" },
+  { "question": "Which CSS property controls the text size?", "options": ["font-size", "text-size", "font-style", "text-style"], "answer": "font-size", "category": "css" },
+  { "question": "How do you make a list that lists items horizontally in CSS?", "options": ["list-style: horizontal", "display: inline", "list-style-type: horizontal", "float: left"], "answer": "display: inline", "category": "css" },
+
+  { "question": "What is the output of `typeof NaN` in JavaScript?", "options": ["number", "NaN", "undefined", "object"], "answer": "number", "category": "javascript" },
+  { "question": "Which method removes the last element from an array and returns it?", "options": ["pop()", "push()", "shift()", "unshift()"], "answer": "pop()", "category": "javascript" },
+  { "question": "What does `JSON.stringify()` do?", "options": ["Converts a JavaScript object to a JSON string", "Parses a JSON string to a JavaScript object", "Converts a string to a JavaScript object", "Stringifies a JavaScript function"], "answer": "Converts a JavaScript object to a JSON string", "category": "javascript" },
+  { "question": "Which keyword is used to declare a variable that cannot be reassigned?", "options": ["let", "var", "const", "static"], "answer": "const", "category": "javascript" },
+
+  { "question": "What is the output of `print(2 ** 3)` in Python?", "options": ["8", "9", "6", "3"], "answer": "8", "category": "python" },
+  { "question": "How do you create a function in Python?", "options": ["def functionName():", "function functionName():", "create functionName():", "functionName():"], "answer": "def functionName():", "category": "python" },
+  { "question": "What is the correct way to write a list in Python?", "options": ["list = [1, 2, 3]", "list = (1, 2, 3)", "list = {1, 2, 3}", "list = 1, 2, 3"], "answer": "list = [1, 2, 3]", "category": "python" },
+  { "question": "How do you insert a comment in Python?", "options": ["// comment", "# comment", "/* comment */", "<!-- comment -->"], "answer": "# comment", "category": "python" },
+
+  { "question": "Which of these is a correct way to declare a variable in Java?", "options": ["int x = 10;", "x = 10;", "var x = 10;", "let x = 10;"], "answer": "int x = 10;", "category": "java" },
+  { "question": "What is the default value of a boolean variable in Java?", "options": ["true", "false", "0", "null"], "answer": "false", "category": "java" },
+  { "question": "What is the correct way to create an array in Java?", "options": ["int[] arr = new int[5];", "int arr = new int[5];", "array arr = new int[5];", "int arr[] = new int[5];"], "answer": "int[] arr = new int[5];", "category": "java" },
+  { "question": "Which keyword is used to prevent a method from being overridden in Java?", "options": ["static", "final", "private", "protected"], "answer": "final", "category": "java" },
+
+  { "question": "Which of these is a popular React library for state management?", "options": ["Redux", "jQuery", "Lodash", "Axios"], "answer": "Redux", "category": "react" },
+  { "question": "How do you create a functional component in React?", "options": ["function MyComponent() {}", "class MyComponent extends React.Component {}", "function MyComponent = () => {}", "const MyComponent = class {}"], "answer": "function MyComponent() {}", "category": "react" },
+  { "question": "Which hook is used to manage state in a functional component?", "options": ["useState", "useEffect", "useReducer", "useContext"], "answer": "useState", "category": "react" },
+  { "question": "How do you pass data from a parent component to a child component in React?", "options": ["props", "state", "context", "refs"], "answer": "props", "category": "react" },
+
+  { "question": "How do you declare a variable in PHP?", "options": ["$variable = value;", "var variable = value;", "let variable = value;", "const variable = value;"], "answer": "$variable = value;", "category": "php" },
+  { "question": "Which PHP function is used to get the length of a string?", "options": ["strlen()", "length()", "str_length()", "get_length()"], "answer": "strlen()", "category": "php" },
+  { "question": "How do you concatenate strings in PHP?", "options": ["string1 . string2", "concat(string1, string2)", "string1 + string2", "combine(string1, string2)"], "answer": "string1 . string2", "category": "php" },
+  { "question": "Which PHP function is used to include another file?", "options": ["include()", "require()", "import()", "include_file()"], "answer": "include()", "category": "php" },
+
+  { "question": "Which of the following is a valid variable declaration in C?", "options": ["int x = 10;", "x = 10;", "var x = 10;", "let x = 10;"], "answer": "int x = 10;", "category": "c" },
+  { "question": "What does the `printf` function do in C?", "options": ["Prints formatted output to the console", "Reads input from the user", "Allocates memory", "Declares a variable"], "answer": "Prints formatted output to the console", "category": "c" },
+  { "question": "How do you declare a constant in C?", "options": ["const int x = 10;", "#define x 10", "int x = 10;", "constant int x = 10;"], "answer": "const int x = 10;", "category": "c" },
+  { "question": "Which header file is required for using `printf` in C?", "options": ["<stdio.h>", "<stdlib.h>", "<string.h>", "<math.h>"], "answer": "<stdio.h>", "category": "c" }
+]
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/screenshot.webp b/projects/next-js/intermediate/quiz-app/screenshot.webp
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/screenshot.webp
rename to projects/next-js/intermediate/quiz-app/screenshot.webp
diff --git a/Next-JS-Projects/Intermediate/Quiz-App/tailwind.config.js b/projects/next-js/intermediate/quiz-app/tailwind.config.js
similarity index 100%
rename from Next-JS-Projects/Intermediate/Quiz-App/tailwind.config.js
rename to projects/next-js/intermediate/quiz-app/tailwind.config.js
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/README.md b/projects/next-js/intermediate/url-shortener/README.md
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/README.md
rename to projects/next-js/intermediate/url-shortener/README.md
diff --git a/Angular-JS-Projects/Advanced/Contact-Manager/src/styles.css b/projects/next-js/intermediate/url-shortener/app/globals.css
similarity index 95%
rename from Angular-JS-Projects/Advanced/Contact-Manager/src/styles.css
rename to projects/next-js/intermediate/url-shortener/app/globals.css
index 04b35af2..b5c61c95 100644
--- a/Angular-JS-Projects/Advanced/Contact-Manager/src/styles.css
+++ b/projects/next-js/intermediate/url-shortener/app/globals.css
@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/app/head.tsx b/projects/next-js/intermediate/url-shortener/app/head.tsx
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/app/head.tsx
rename to projects/next-js/intermediate/url-shortener/app/head.tsx
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/app/layout.tsx b/projects/next-js/intermediate/url-shortener/app/layout.tsx
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/app/layout.tsx
rename to projects/next-js/intermediate/url-shortener/app/layout.tsx
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/app/page.tsx b/projects/next-js/intermediate/url-shortener/app/page.tsx
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/app/page.tsx
rename to projects/next-js/intermediate/url-shortener/app/page.tsx
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/components/FixedPart.tsx b/projects/next-js/intermediate/url-shortener/components/FixedPart.tsx
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/components/FixedPart.tsx
rename to projects/next-js/intermediate/url-shortener/components/FixedPart.tsx
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/components/MovingPart.tsx b/projects/next-js/intermediate/url-shortener/components/MovingPart.tsx
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/components/MovingPart.tsx
rename to projects/next-js/intermediate/url-shortener/components/MovingPart.tsx
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/middleware.ts b/projects/next-js/intermediate/url-shortener/middleware.ts
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/middleware.ts
rename to projects/next-js/intermediate/url-shortener/middleware.ts
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/next.config.js b/projects/next-js/intermediate/url-shortener/next.config.js
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/next.config.js
rename to projects/next-js/intermediate/url-shortener/next.config.js
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/package-lock.json b/projects/next-js/intermediate/url-shortener/package-lock.json
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/package-lock.json
rename to projects/next-js/intermediate/url-shortener/package-lock.json
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/package.json b/projects/next-js/intermediate/url-shortener/package.json
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/package.json
rename to projects/next-js/intermediate/url-shortener/package.json
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/pages/api/urls.ts b/projects/next-js/intermediate/url-shortener/pages/api/urls.ts
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/pages/api/urls.ts
rename to projects/next-js/intermediate/url-shortener/pages/api/urls.ts
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/postcss.config.js b/projects/next-js/intermediate/url-shortener/postcss.config.js
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/postcss.config.js
rename to projects/next-js/intermediate/url-shortener/postcss.config.js
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/public/favicon.ico b/projects/next-js/intermediate/url-shortener/public/favicon.ico
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/public/favicon.ico
rename to projects/next-js/intermediate/url-shortener/public/favicon.ico
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/public/next.svg b/projects/next-js/intermediate/url-shortener/public/next.svg
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/public/next.svg
rename to projects/next-js/intermediate/url-shortener/public/next.svg
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/public/thirteen.svg b/projects/next-js/intermediate/url-shortener/public/thirteen.svg
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/public/thirteen.svg
rename to projects/next-js/intermediate/url-shortener/public/thirteen.svg
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/public/vercel.svg b/projects/next-js/intermediate/url-shortener/public/vercel.svg
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/public/vercel.svg
rename to projects/next-js/intermediate/url-shortener/public/vercel.svg
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/screenshot.webp b/projects/next-js/intermediate/url-shortener/screenshot.webp
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/screenshot.webp
rename to projects/next-js/intermediate/url-shortener/screenshot.webp
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/tailwind.config.js b/projects/next-js/intermediate/url-shortener/tailwind.config.js
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/tailwind.config.js
rename to projects/next-js/intermediate/url-shortener/tailwind.config.js
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/tsconfig.json b/projects/next-js/intermediate/url-shortener/tsconfig.json
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/tsconfig.json
rename to projects/next-js/intermediate/url-shortener/tsconfig.json
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/utils/api.ts b/projects/next-js/intermediate/url-shortener/utils/api.ts
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/utils/api.ts
rename to projects/next-js/intermediate/url-shortener/utils/api.ts
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/utils/urlsFetcher.ts b/projects/next-js/intermediate/url-shortener/utils/urlsFetcher.ts
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/utils/urlsFetcher.ts
rename to projects/next-js/intermediate/url-shortener/utils/urlsFetcher.ts
diff --git a/Next-JS-Projects/Intermediate/Url-Shortener/utils/use-swr.ts b/projects/next-js/intermediate/url-shortener/utils/use-swr.ts
similarity index 100%
rename from Next-JS-Projects/Intermediate/Url-Shortener/utils/use-swr.ts
rename to projects/next-js/intermediate/url-shortener/utils/use-swr.ts
diff --git a/Node-JS-Projects/README.md b/projects/node-js/README.md
similarity index 100%
rename from Node-JS-Projects/README.md
rename to projects/node-js/README.md
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/README.md b/projects/node-js/advanced/blog-platform/README.md
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/README.md
rename to projects/node-js/advanced/blog-platform/README.md
index 8fa9568a..9956aef3 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/README.md
+++ b/projects/node-js/advanced/blog-platform/README.md
@@ -1,95 +1,95 @@
-
-<h1 align='center'><b>💥 BLOG PLATFORM 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-  <img src="https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white" alt="Node.js"/>
-  <img src="https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB" alt="Express.js"/>
-  <img src="https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white" alt="MongoDB"/>
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-- Backend infrastructure for a blogging platform, using Node.js, Express.js, and MongoDB, facilitating seamless management of user and admin roles with role-based authentication.
-- Robust user authentication functionalities, including sign-in and sign-up features, ensuring secure access for both users and administrators.
-- Users can create, edit, delete and view their own blogs.
-- Users can like/unlike, comment, search by tags and view blogs.
-- Administrators can manage user, blogs and tags.
-  
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-1. Fork the repository.
-
-2. Clone the project.
-
-```
-git clone repository-url
-```
-
-3. Install dependencies.
-
-```
-npm install
-```
-
-4. Create and update `.env` file.
-
-```
-PORT = port-no
-MONGODB_URL = your mongodb database url
-JWT_SECRET_KEY = your jwt secret key
-```
-
-5. Run the server.
-
-```
-node app.js
-```
-
-6. Check the endpoints via postman/frontend.
-
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-
-<img src="./images/register_user.png"/><br/>
-<img src="./images/login_user.png"/><br/>
-<img src="./images/get_all_tags.png"/><br/>
-<img src="./images/create_blog.png"/><br/>
-<img src="./images/like_unlike.png"/><br/>
-<img src="./images/add_comment.png"/><br/>
-<img src="./images/get_all_blogs.png"/><br/>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>DHARSHI B.</i></b> 👩</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/dharshi-balasubramaniyam-47b193243'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/DharshiBalasubramaniyam'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+
+<h1 align='center'><b>💥 BLOG PLATFORM 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+  <img src="https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white" alt="Node.js"/>
+  <img src="https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB" alt="Express.js"/>
+  <img src="https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white" alt="MongoDB"/>
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+- Backend infrastructure for a blogging platform, using Node.js, Express.js, and MongoDB, facilitating seamless management of user and admin roles with role-based authentication.
+- Robust user authentication functionalities, including sign-in and sign-up features, ensuring secure access for both users and administrators.
+- Users can create, edit, delete and view their own blogs.
+- Users can like/unlike, comment, search by tags and view blogs.
+- Administrators can manage user, blogs and tags.
+  
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+1. Fork the repository.
+
+2. Clone the project.
+
+```
+git clone repository-url
+```
+
+3. Install dependencies.
+
+```
+npm install
+```
+
+4. Create and update `.env` file.
+
+```
+PORT = port-no
+MONGODB_URL = your mongodb database url
+JWT_SECRET_KEY = your jwt secret key
+```
+
+5. Run the server.
+
+```
+node app.js
+```
+
+6. Check the endpoints via postman/frontend.
+
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+
+<img src="./images/register_user.png"/><br/>
+<img src="./images/login_user.png"/><br/>
+<img src="./images/get_all_tags.png"/><br/>
+<img src="./images/create_blog.png"/><br/>
+<img src="./images/like_unlike.png"/><br/>
+<img src="./images/add_comment.png"/><br/>
+<img src="./images/get_all_blogs.png"/><br/>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>DHARSHI B.</i></b> 👩</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/dharshi-balasubramaniyam-47b193243'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/DharshiBalasubramaniyam'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/app.js b/projects/node-js/advanced/blog-platform/app.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/app.js
rename to projects/node-js/advanced/blog-platform/app.js
index a2eb35a5..801f5a2b 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/app.js
+++ b/projects/node-js/advanced/blog-platform/app.js
@@ -1,27 +1,27 @@
-require('dotenv').config();
-const express = require('express');
-const bodyParser = require('body-parser');
-const authRoutes = require('./routes/authRouter')
-const userRoutes = require('./routes/userRoutes')
-const tagRoutes = require('./routes/tagRoutes')
-const blogRoutes = require('./routes/blogRoutes')
-const likeRoutes = require('./routes/likeRoutes')
-const commentRoutes = require('./routes/commentRouter')
-const connectToDB = require('./config/dbConnection')
-
-const port = process.env.PORT || 8080;
-const app = express();
-app.use(bodyParser.json())
-
-connectToDB()
-
-app.use('/auth', authRoutes)
-app.use('/users', userRoutes)
-app.use('/tags', tagRoutes)
-app.use('/blogs', blogRoutes)
-app.use('/likes', likeRoutes)
-app.use('/comments', commentRoutes)
-
-app.listen(port, () => {
-    console.log('Application is running on port ' + port)
-})
+require('dotenv').config();
+const express = require('express');
+const bodyParser = require('body-parser');
+const authRoutes = require('./routes/authRouter')
+const userRoutes = require('./routes/userRoutes')
+const tagRoutes = require('./routes/tagRoutes')
+const blogRoutes = require('./routes/blogRoutes')
+const likeRoutes = require('./routes/likeRoutes')
+const commentRoutes = require('./routes/commentRouter')
+const connectToDB = require('./config/dbConnection')
+
+const port = process.env.PORT || 8080;
+const app = express();
+app.use(bodyParser.json())
+
+connectToDB()
+
+app.use('/auth', authRoutes)
+app.use('/users', userRoutes)
+app.use('/tags', tagRoutes)
+app.use('/blogs', blogRoutes)
+app.use('/likes', likeRoutes)
+app.use('/comments', commentRoutes)
+
+app.listen(port, () => {
+    console.log('Application is running on port ' + port)
+})
diff --git a/Node-JS-Projects/Advanced/E-Commerce/config/dbConnection.js b/projects/node-js/advanced/blog-platform/config/dbConnection.js
similarity index 96%
rename from Node-JS-Projects/Advanced/E-Commerce/config/dbConnection.js
rename to projects/node-js/advanced/blog-platform/config/dbConnection.js
index c8b5964c..0005e1fe 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/config/dbConnection.js
+++ b/projects/node-js/advanced/blog-platform/config/dbConnection.js
@@ -1,16 +1,16 @@
-require('dotenv').config();
-const mongoose = require('mongoose');
-
-const connectToDB = async () => {
-    await mongoose.connect(process.env.MONGODB_URL)
-    .then(() => {
-        console.log("Connected to MongoDB");
-    })
-    .catch(
-        (error) => {
-            console.error("Error connecting to MongoDB:", error);
-        }
-    );
-}
-
+require('dotenv').config();
+const mongoose = require('mongoose');
+
+const connectToDB = async () => {
+    await mongoose.connect(process.env.MONGODB_URL)
+    .then(() => {
+        console.log("Connected to MongoDB");
+    })
+    .catch(
+        (error) => {
+            console.error("Error connecting to MongoDB:", error);
+        }
+    );
+}
+
 module.exports = connectToDB
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/controllers/authController.js b/projects/node-js/advanced/blog-platform/controllers/authController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/controllers/authController.js
rename to projects/node-js/advanced/blog-platform/controllers/authController.js
index 96d8dd2e..57a86d26 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/controllers/authController.js
+++ b/projects/node-js/advanced/blog-platform/controllers/authController.js
@@ -1,46 +1,46 @@
-const User = require('../models/User')
-const bcrypt = require('bcrypt')
-const { generateToken } = require('../utils/generateToken')
-const { STATUS } = require('../utils/status')
-
-exports.signIn = async (req, res) => {
-    const { email, password } = req.body
-
-    if (!email || !password) {
-        return res.status(404).json({ message: "Please send all the required fields: email, password"})
-    }
-
-    try {
-        const user = await User.findOne({email: email})
-
-        if(!user) {
-            return res.status(404).json({ message: "User not found with email " + email})
-        }
-
-        if (user.status === STATUS.DISABLE) {
-            return res.status(401).json({ message: "User account is disbled by the admin!"})
-        }
-
-        const isValid = await bcrypt.compare(password, user.password)
-        if (!isValid) {
-            return res.status(404).json({ message: "Invalid credentials!"})
-        }
-
-        const token = generateToken(user._id, user.roles)
-
-        const response = {
-            token: token,
-            user: {
-                userId: user._id,
-                name: user.name,
-                email: user.email,
-                about: user.about,
-            }
-        }
-
-        res.status(200).json(response)
-    }catch (error) {
-        console.log("Failed to Sign in: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
+const User = require('../models/User')
+const bcrypt = require('bcrypt')
+const { generateToken } = require('../utils/generateToken')
+const { STATUS } = require('../utils/status')
+
+exports.signIn = async (req, res) => {
+    const { email, password } = req.body
+
+    if (!email || !password) {
+        return res.status(404).json({ message: "Please send all the required fields: email, password"})
+    }
+
+    try {
+        const user = await User.findOne({email: email})
+
+        if(!user) {
+            return res.status(404).json({ message: "User not found with email " + email})
+        }
+
+        if (user.status === STATUS.DISABLE) {
+            return res.status(401).json({ message: "User account is disbled by the admin!"})
+        }
+
+        const isValid = await bcrypt.compare(password, user.password)
+        if (!isValid) {
+            return res.status(404).json({ message: "Invalid credentials!"})
+        }
+
+        const token = generateToken(user._id, user.roles)
+
+        const response = {
+            token: token,
+            user: {
+                userId: user._id,
+                name: user.name,
+                email: user.email,
+                about: user.about,
+            }
+        }
+
+        res.status(200).json(response)
+    }catch (error) {
+        console.log("Failed to Sign in: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/controllers/blogController.js b/projects/node-js/advanced/blog-platform/controllers/blogController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/controllers/blogController.js
rename to projects/node-js/advanced/blog-platform/controllers/blogController.js
index a5b0aade..33a0aa23 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/controllers/blogController.js
+++ b/projects/node-js/advanced/blog-platform/controllers/blogController.js
@@ -1,148 +1,148 @@
-const Blog = require('../models/Blog')
-const User = require('../models/User')
-const Tag = require('../models/Tag')
-const Comment = require('../models/Comment')
-
-exports.createBlog = async (req, res) => {
-
-    const { title, content, tagIds } = req.body
-    const userId = req.user
-
-    try {
-        if (!title || !content || !tagIds || tagIds.length === 0) {
-            return res.status(400).json({ message: "Please send all the required fields: title, content, TagIds" })
-        }
-
-        const user = await User.findOne({ _id: userId })
-        if (!user) {
-            return res.status(400).json({ message: "User not found with id " + userId })
-        }
-
-        if (tagIds.length > 5) {
-            return res.status(400).json({ message: "One post connot have more than 5 tags." })
-        }
-
-        const tags = await Tag.find({ _id: { $in: tagIds } })
-        const validTagIds = tags.map(tag => tag._id.toString())
-        const invalidTagIds = tagIds.filter(id => !validTagIds.includes(id))
-        if (invalidTagIds.length !== 0) {
-            return res.status(400).json({ message: "Tags not found with id " + invalidTagIds })
-        }
-
-        const data = {
-            title: title,
-            content: content,
-            user: userId,
-            tags: tagIds,
-            likes: [], comments: []
-        }
-
-
-        await Blog.create(data)
-
-        res.status(201).json({ message: "Blog has been successfully published!" })
-
-    } catch (error) {
-        console.log("Failed to add blog: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.updateBlog = async (req, res) => {
-    const { title, content, tagIds } = req.body
-    const { id } = req.params
-    const userId = req.user
-
-    try {
-        if (!id || !title || !content || !tagIds || tagIds.length === 0) {
-            return res.status(400).json({ message: "Please send all the required fields: title, content, TagIds" })
-        }
-
-        const blog = await Blog.findOne({ _id: id })
-        if (!blog) {
-            return res.status(400).json({ message: "Blog not found with id " + id })
-        }
-
-        if(userId != blog.user) {
-            return res.status(401).json({ message: "Unauthorized: Access denied!" })
-        }
-
-        if (tagIds.length > 5) {
-            return res.status(400).json({ message: "One post connot have more than 5 tags." })
-        }
-
-        const tags = await Tag.find({ _id: { $in: tagIds } })
-        const validTagIds = tags.map(tag => tag._id.toString())
-        const invalidTagIds = tagIds.filter(id => !validTagIds.includes(id))
-        if (invalidTagIds.length !== 0) {
-            return res.status(400).json({ message: "Tags not found with id " + invalidTagIds })
-        }
-
-        const data = {
-            title: title,
-            content: content,
-            user: blog.userId,
-            tags: tagIds,
-            likes: blog.likes,
-            comments: blog.comments
-        }
-
-
-        await Blog.updateOne({ _id: id }, { $set: data })
-        res.status(201).json({ message: "Blog has been successfully Updated!" })
-
-    } catch (error) {
-        console.log("Failed to add blog: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getBlogs = async (req, res) => {
-    const {blogId, userId, tagId} = req.query
-
-    try {
-        let data = []
-
-        if (blogId) {
-            data = await Blog.findOne( { _id: blogId } ).populate('tags')
-        }
-        else if (userId) {
-            data = await Blog.find( { user: userId } ).populate('tags')
-        }
-        else if (tagId) {
-            data = await Blog.find( { tags: tagId } ).populate('tags')
-        }
-        else {
-            data = await Blog.find().populate('tags')
-        }
-        res.status(200).json(data)
-    } catch (error) {
-        console.log("Failed to find blogs: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.deleteBlog = async (req, res) => {
-    const { id } = req.params
-
-    try {
-        const blog = await Blog.findOne({ _id: id })
-
-        if (!blog) {
-            return res.status(404).json({ message: "Blog not found with id " + id })
-        }
-
-        if (req.user != blog.user) {
-            return res.status(401).json({ message: "Unauthorized: Access denied!" })
-        }
-
-        await Blog.deleteOne({_id: id})
-        await Comment.deleteMany({blog: id})
-        
-        res.status(200).json({ message: "Blog has been successfully deleted!" })
-
-    }catch (error) {
-        console.log("Failed to delete blog: " + error)
-    }   
+const Blog = require('../models/Blog')
+const User = require('../models/User')
+const Tag = require('../models/Tag')
+const Comment = require('../models/Comment')
+
+exports.createBlog = async (req, res) => {
+
+    const { title, content, tagIds } = req.body
+    const userId = req.user
+
+    try {
+        if (!title || !content || !tagIds || tagIds.length === 0) {
+            return res.status(400).json({ message: "Please send all the required fields: title, content, TagIds" })
+        }
+
+        const user = await User.findOne({ _id: userId })
+        if (!user) {
+            return res.status(400).json({ message: "User not found with id " + userId })
+        }
+
+        if (tagIds.length > 5) {
+            return res.status(400).json({ message: "One post connot have more than 5 tags." })
+        }
+
+        const tags = await Tag.find({ _id: { $in: tagIds } })
+        const validTagIds = tags.map(tag => tag._id.toString())
+        const invalidTagIds = tagIds.filter(id => !validTagIds.includes(id))
+        if (invalidTagIds.length !== 0) {
+            return res.status(400).json({ message: "Tags not found with id " + invalidTagIds })
+        }
+
+        const data = {
+            title: title,
+            content: content,
+            user: userId,
+            tags: tagIds,
+            likes: [], comments: []
+        }
+
+
+        await Blog.create(data)
+
+        res.status(201).json({ message: "Blog has been successfully published!" })
+
+    } catch (error) {
+        console.log("Failed to add blog: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.updateBlog = async (req, res) => {
+    const { title, content, tagIds } = req.body
+    const { id } = req.params
+    const userId = req.user
+
+    try {
+        if (!id || !title || !content || !tagIds || tagIds.length === 0) {
+            return res.status(400).json({ message: "Please send all the required fields: title, content, TagIds" })
+        }
+
+        const blog = await Blog.findOne({ _id: id })
+        if (!blog) {
+            return res.status(400).json({ message: "Blog not found with id " + id })
+        }
+
+        if(userId != blog.user) {
+            return res.status(401).json({ message: "Unauthorized: Access denied!" })
+        }
+
+        if (tagIds.length > 5) {
+            return res.status(400).json({ message: "One post connot have more than 5 tags." })
+        }
+
+        const tags = await Tag.find({ _id: { $in: tagIds } })
+        const validTagIds = tags.map(tag => tag._id.toString())
+        const invalidTagIds = tagIds.filter(id => !validTagIds.includes(id))
+        if (invalidTagIds.length !== 0) {
+            return res.status(400).json({ message: "Tags not found with id " + invalidTagIds })
+        }
+
+        const data = {
+            title: title,
+            content: content,
+            user: blog.userId,
+            tags: tagIds,
+            likes: blog.likes,
+            comments: blog.comments
+        }
+
+
+        await Blog.updateOne({ _id: id }, { $set: data })
+        res.status(201).json({ message: "Blog has been successfully Updated!" })
+
+    } catch (error) {
+        console.log("Failed to add blog: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getBlogs = async (req, res) => {
+    const {blogId, userId, tagId} = req.query
+
+    try {
+        let data = []
+
+        if (blogId) {
+            data = await Blog.findOne( { _id: blogId } ).populate('tags')
+        }
+        else if (userId) {
+            data = await Blog.find( { user: userId } ).populate('tags')
+        }
+        else if (tagId) {
+            data = await Blog.find( { tags: tagId } ).populate('tags')
+        }
+        else {
+            data = await Blog.find().populate('tags')
+        }
+        res.status(200).json(data)
+    } catch (error) {
+        console.log("Failed to find blogs: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.deleteBlog = async (req, res) => {
+    const { id } = req.params
+
+    try {
+        const blog = await Blog.findOne({ _id: id })
+
+        if (!blog) {
+            return res.status(404).json({ message: "Blog not found with id " + id })
+        }
+
+        if (req.user != blog.user) {
+            return res.status(401).json({ message: "Unauthorized: Access denied!" })
+        }
+
+        await Blog.deleteOne({_id: id})
+        await Comment.deleteMany({blog: id})
+        
+        res.status(200).json({ message: "Blog has been successfully deleted!" })
+
+    }catch (error) {
+        console.log("Failed to delete blog: " + error)
+    }   
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/controllers/commentController.js b/projects/node-js/advanced/blog-platform/controllers/commentController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/controllers/commentController.js
rename to projects/node-js/advanced/blog-platform/controllers/commentController.js
index d2a65b00..21dd4e0e 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/controllers/commentController.js
+++ b/projects/node-js/advanced/blog-platform/controllers/commentController.js
@@ -1,126 +1,126 @@
-const Comment = require('../models/Comment')
-const Blog = require('../models/Blog')
-const User = require('../models/User')
-
-exports.addComment = async (req, res) => {
-
-    const { blogId, content } = req.body
-    const userId = req.user
-
-    if (!blogId || !content) {
-        return res.status(400).json({ message: "Please send all the required fields: blogId, content" })
-    }
-
-    try {
-        const blog = await Blog.findOne({ _id: blogId })
-        if (!blog) {
-            return res.status(400).json({ message: "Blog not found with id " + blogId })
-        }
-
-        const user = await User.findOne({ _id: userId })
-        if (!user) {
-            return res.status(400).json({ message: "User not found with id " + userId })
-        }
-        const data = {
-            content: content,
-            user: userId,
-            blog: blogId
-        }
-        const comment = await Comment.create(data)
-        blog.comments.push(comment._id)
-        await Blog.updateOne({ _id: blogId }, { $set: blog })
-        res.status(201).json({ message: "Comment has been successfully added!" })
-
-    } catch (error) {
-        console.log("Failed to add comment: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.deleteComment = async (req, res) => {
-
-    const { id } = req.params
-    const userId = req.user
-
-    try {
-        const comment = await Comment.findOne({ _id: id })
-
-        if (!comment) {
-            return res.status(400).json({ message: "comment not found with id " + id })
-        }
-        console.log(comment.user, userId)
-        if(userId != comment.user) {
-            return res.status(401).json({ message: "Unauthorized: Access denied!" })
-        }
-
-        const blog = await Blog.findOne({ _id: comment.blog })
-        blog.comments.splice(blog.comments.indexOf(comment._id), 1)
-        await Blog.updateOne({ _id: blog.id }, { $set: blog })
-
-        await Comment.deleteOne({ _id: comment.id })
-        res.status(201).json({ message: "Comment has been successfully deleted!" })
-
-    } catch (error) {
-        console.log("Failed to delete comment: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.updateComment = async (req, res) => {
-    const { id } = req.params
-    const userId = req.user
-
-    const {content} = req.body;
-
-    if(!content) {
-        return res.status(400).json({ message: "content is required!"})
-    }
-
-    try {
-        const comment = await Comment.findOne({ _id: id })
-
-        if (!comment) {
-            return res.status(400).json({ message: "comment not found with id " + id })
-        }
-        
-
-        if (comment.user != userId) {
-            return res.status(400).json({ message: "Unauthorized: Access denied!"})
-        }
-
-        await Comment.updateOne({ _id: id }, { $set: req.body })
-        res.status(200).json({ message: "Comment has been successfully updated!" })
-
-    } catch (error) {
-        console.log("Failed to update comment: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getCommentsByBlog = async (req, res) => {
-    const { commentId, blogId } = req.query
-
-    try {
-        let data = []
-
-        if (commentId) {
-            data = await Comment.findOne({ _id: commentId }).populate({
-                path: 'user',
-                select: 'fname lname email'
-            })
-        } else if (blogId) {
-            data = await Comment.find({ blog: blogId }).populate({
-                path: 'user',
-                select: 'fname lname email'
-            })
-        }
-        res.status(200).json(data)
-
-    } catch (error) {
-        console.log("Failed to find comments: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
+const Comment = require('../models/Comment')
+const Blog = require('../models/Blog')
+const User = require('../models/User')
+
+exports.addComment = async (req, res) => {
+
+    const { blogId, content } = req.body
+    const userId = req.user
+
+    if (!blogId || !content) {
+        return res.status(400).json({ message: "Please send all the required fields: blogId, content" })
+    }
+
+    try {
+        const blog = await Blog.findOne({ _id: blogId })
+        if (!blog) {
+            return res.status(400).json({ message: "Blog not found with id " + blogId })
+        }
+
+        const user = await User.findOne({ _id: userId })
+        if (!user) {
+            return res.status(400).json({ message: "User not found with id " + userId })
+        }
+        const data = {
+            content: content,
+            user: userId,
+            blog: blogId
+        }
+        const comment = await Comment.create(data)
+        blog.comments.push(comment._id)
+        await Blog.updateOne({ _id: blogId }, { $set: blog })
+        res.status(201).json({ message: "Comment has been successfully added!" })
+
+    } catch (error) {
+        console.log("Failed to add comment: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.deleteComment = async (req, res) => {
+
+    const { id } = req.params
+    const userId = req.user
+
+    try {
+        const comment = await Comment.findOne({ _id: id })
+
+        if (!comment) {
+            return res.status(400).json({ message: "comment not found with id " + id })
+        }
+        console.log(comment.user, userId)
+        if(userId != comment.user) {
+            return res.status(401).json({ message: "Unauthorized: Access denied!" })
+        }
+
+        const blog = await Blog.findOne({ _id: comment.blog })
+        blog.comments.splice(blog.comments.indexOf(comment._id), 1)
+        await Blog.updateOne({ _id: blog.id }, { $set: blog })
+
+        await Comment.deleteOne({ _id: comment.id })
+        res.status(201).json({ message: "Comment has been successfully deleted!" })
+
+    } catch (error) {
+        console.log("Failed to delete comment: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.updateComment = async (req, res) => {
+    const { id } = req.params
+    const userId = req.user
+
+    const {content} = req.body;
+
+    if(!content) {
+        return res.status(400).json({ message: "content is required!"})
+    }
+
+    try {
+        const comment = await Comment.findOne({ _id: id })
+
+        if (!comment) {
+            return res.status(400).json({ message: "comment not found with id " + id })
+        }
+        
+
+        if (comment.user != userId) {
+            return res.status(400).json({ message: "Unauthorized: Access denied!"})
+        }
+
+        await Comment.updateOne({ _id: id }, { $set: req.body })
+        res.status(200).json({ message: "Comment has been successfully updated!" })
+
+    } catch (error) {
+        console.log("Failed to update comment: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getCommentsByBlog = async (req, res) => {
+    const { commentId, blogId } = req.query
+
+    try {
+        let data = []
+
+        if (commentId) {
+            data = await Comment.findOne({ _id: commentId }).populate({
+                path: 'user',
+                select: 'fname lname email'
+            })
+        } else if (blogId) {
+            data = await Comment.find({ blog: blogId }).populate({
+                path: 'user',
+                select: 'fname lname email'
+            })
+        }
+        res.status(200).json(data)
+
+    } catch (error) {
+        console.log("Failed to find comments: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/controllers/likeController.js b/projects/node-js/advanced/blog-platform/controllers/likeController.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/controllers/likeController.js
rename to projects/node-js/advanced/blog-platform/controllers/likeController.js
index 47ce4521..db8f9147 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/controllers/likeController.js
+++ b/projects/node-js/advanced/blog-platform/controllers/likeController.js
@@ -1,57 +1,57 @@
-const Blog = require('../models/Blog')
-const User = require('../models/User')
-
-
-exports.likeOrUnLike = async (req, res) => {
-    const { blogId } = req.body
-    const userId = req.user
-
-    if (!blogId) {
-        return res.status(400).json({ message: "Please send all the required fields: blogId" })
-    }
-
-    try {
-        const blog = await Blog.findOne({ _id: blogId })
-        if (!blog) {
-            return res.status(400).json({ message: "Blog not found with id " + blogId })
-        }
-
-        const user = await User.findOne({ _id: userId })
-        if (!user) {
-            return res.status(400).json({ message: "User not found with id " + userId })
-        }
-
-        if (blog.likes.includes(userId)) {
-            blog.likes.splice(blog.likes.indexOf(userId), 1)
-            await Blog.updateOne({ _id: blogId }, { $set: blog })
-            res.status(200).json({ message: "Like has been removed from the blog!" })
-        } else {
-            blog.likes.push(userId)
-            await Blog.updateOne({ _id: blogId }, { $set: blog })
-            res.status(200).json({ message: "Like has been added to the blog!" })
-        }
-    } catch (error) {
-        console.log("Failed to like/unlike blog: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.getLikesByBlog = async (req, res) => {
-    const { blogId }  = req.params
-
-    try {
-        const blog = await Blog.findOne({ _id: blogId }).populate({
-            path: 'likes',
-            select: 'fname lname email'
-        })
-        if (!blog) {
-            return res.status(400).json({ message: "Blog not found with id " + blogId })
-        }
-
-        res.status(200).json(blog.likes)
-    }catch (error) {
-        console.log("Failed to find likes of the blog: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
+const Blog = require('../models/Blog')
+const User = require('../models/User')
+
+
+exports.likeOrUnLike = async (req, res) => {
+    const { blogId } = req.body
+    const userId = req.user
+
+    if (!blogId) {
+        return res.status(400).json({ message: "Please send all the required fields: blogId" })
+    }
+
+    try {
+        const blog = await Blog.findOne({ _id: blogId })
+        if (!blog) {
+            return res.status(400).json({ message: "Blog not found with id " + blogId })
+        }
+
+        const user = await User.findOne({ _id: userId })
+        if (!user) {
+            return res.status(400).json({ message: "User not found with id " + userId })
+        }
+
+        if (blog.likes.includes(userId)) {
+            blog.likes.splice(blog.likes.indexOf(userId), 1)
+            await Blog.updateOne({ _id: blogId }, { $set: blog })
+            res.status(200).json({ message: "Like has been removed from the blog!" })
+        } else {
+            blog.likes.push(userId)
+            await Blog.updateOne({ _id: blogId }, { $set: blog })
+            res.status(200).json({ message: "Like has been added to the blog!" })
+        }
+    } catch (error) {
+        console.log("Failed to like/unlike blog: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.getLikesByBlog = async (req, res) => {
+    const { blogId }  = req.params
+
+    try {
+        const blog = await Blog.findOne({ _id: blogId }).populate({
+            path: 'likes',
+            select: 'fname lname email'
+        })
+        if (!blog) {
+            return res.status(400).json({ message: "Blog not found with id " + blogId })
+        }
+
+        res.status(200).json(blog.likes)
+    }catch (error) {
+        console.log("Failed to find likes of the blog: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/controllers/tagController.js b/projects/node-js/advanced/blog-platform/controllers/tagController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/controllers/tagController.js
rename to projects/node-js/advanced/blog-platform/controllers/tagController.js
index 88b18446..f01f1125 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/controllers/tagController.js
+++ b/projects/node-js/advanced/blog-platform/controllers/tagController.js
@@ -1,100 +1,100 @@
-const Tag = require('../models/Tag')
-
-exports.getTags = async (req, res) => {
-    const id = req.query.id
-    const key = req.query.key
-    let tagData = [];
-    try {
-        if (id) {
-            tagData = await Tag.findOne({_id: id})
-        }else if (key) {
-            const regex = new RegExp('^' + key, 'i')
-            tagData = await Tag.find( { tagName: regex } )
-        }else {
-            tagData = await Tag.find()
-        }
-
-        if (tagData.length === 0) {
-            return res.status(404).json({ message: "No tags found!" })
-        }
-
-
-        res.status(200).json(tagData)
-    } catch (error) {
-        console.log("Failed to tags: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-    
-}
-
-exports.createTag = async (req, res) => {
-    const { name } = req.body
-    
-    {
-        try {
-            if (!name) {
-                return res.status(400).json({message: 'Tag name is required!'})
-            }
-
-            await Tag.create({tagName: name})
-
-            res.status(201).json({message: 'Tag has been successfully created!'})
-            
-        } catch (error) {
-            console.log("Failed to create tag: " + error)
-            return res.status(500).json({ message: "Internal server error" })
-        }
-    }
-
-}
-
-exports.updateTag = async (req, res) => {
-    const id = req.params
-    const { name } = req.body
-    
-    {
-        try {
-            if (!name) {
-                return res.status(400).json({message: 'Tag name is required!'})
-            }
-
-            const tag = Tag.findOne({_id: id})
-
-            if (!tag) {
-                return res.status(400).json({message: 'Tag is found with id ' + id})
-            }
-
-            await Tag.updateOne({ _id: id }, { $set: {tagName: name} })
-
-            res.status(200).json({message: 'Tag has been successfully updated!'})
-            
-        } catch (error) {
-            console.log("Failed to update tag: " + error)
-            return res.status(500).json({ message: "Internal server error" })
-        }
-    }
-    
-}
-
-exports.deleteTag = async (req, res) => {
-    const id = req.params
-    
-    {
-        try {
-            const tag = Tag.findOne({_id: id})
-
-            if (!tag) {
-                return res.status(400).json({message: 'Tag is found with id ' + id})
-            }
-
-            await Tag.deleteOne({ _id: id })
-
-            res.status(201).json({message: 'Tag has been successfully deleted!'})
-            
-        } catch (error) {
-            console.log("Failed to delete tag: " + error)
-            return res.status(500).json({ message: "Internal server error" })
-        }
-    }
-    
+const Tag = require('../models/Tag')
+
+exports.getTags = async (req, res) => {
+    const id = req.query.id
+    const key = req.query.key
+    let tagData = [];
+    try {
+        if (id) {
+            tagData = await Tag.findOne({_id: id})
+        }else if (key) {
+            const regex = new RegExp('^' + key, 'i')
+            tagData = await Tag.find( { tagName: regex } )
+        }else {
+            tagData = await Tag.find()
+        }
+
+        if (tagData.length === 0) {
+            return res.status(404).json({ message: "No tags found!" })
+        }
+
+
+        res.status(200).json(tagData)
+    } catch (error) {
+        console.log("Failed to tags: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+    
+}
+
+exports.createTag = async (req, res) => {
+    const { name } = req.body
+    
+    {
+        try {
+            if (!name) {
+                return res.status(400).json({message: 'Tag name is required!'})
+            }
+
+            await Tag.create({tagName: name})
+
+            res.status(201).json({message: 'Tag has been successfully created!'})
+            
+        } catch (error) {
+            console.log("Failed to create tag: " + error)
+            return res.status(500).json({ message: "Internal server error" })
+        }
+    }
+
+}
+
+exports.updateTag = async (req, res) => {
+    const id = req.params
+    const { name } = req.body
+    
+    {
+        try {
+            if (!name) {
+                return res.status(400).json({message: 'Tag name is required!'})
+            }
+
+            const tag = Tag.findOne({_id: id})
+
+            if (!tag) {
+                return res.status(400).json({message: 'Tag is found with id ' + id})
+            }
+
+            await Tag.updateOne({ _id: id }, { $set: {tagName: name} })
+
+            res.status(200).json({message: 'Tag has been successfully updated!'})
+            
+        } catch (error) {
+            console.log("Failed to update tag: " + error)
+            return res.status(500).json({ message: "Internal server error" })
+        }
+    }
+    
+}
+
+exports.deleteTag = async (req, res) => {
+    const id = req.params
+    
+    {
+        try {
+            const tag = Tag.findOne({_id: id})
+
+            if (!tag) {
+                return res.status(400).json({message: 'Tag is found with id ' + id})
+            }
+
+            await Tag.deleteOne({ _id: id })
+
+            res.status(201).json({message: 'Tag has been successfully deleted!'})
+            
+        } catch (error) {
+            console.log("Failed to delete tag: " + error)
+            return res.status(500).json({ message: "Internal server error" })
+        }
+    }
+    
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/controllers/userController.js b/projects/node-js/advanced/blog-platform/controllers/userController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/controllers/userController.js
rename to projects/node-js/advanced/blog-platform/controllers/userController.js
index 66ce8e4c..a6024b22 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/controllers/userController.js
+++ b/projects/node-js/advanced/blog-platform/controllers/userController.js
@@ -1,145 +1,145 @@
-require('dotenv').config();
-const { validationResult } = require('express-validator')
-const User = require('../models/User')
-const bcrypt = require('bcrypt')
-const { STATUS } = require('../utils/status');
-const Blog = require('../models/Blog');
-const Comment = require('../models/Comment');
-
-
-exports.getAllUsers = async (req, res) => {
-    try {
-        const users = await User.find()
-        res.status(200).json(users)
-    } catch (error) {
-        console.log("Failed to find all users: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.getUserById = async (req, res) => {
-    const { id } = req.params
-
-    try {
-        const existingUser = await User.findOne({ _id: id })
-
-        if (!existingUser || existingUser.status === STATUS.DISABLE) {
-            return res.status(404).json({ message: "User not found with id " + id })
-        }
-        res.send(existingUser)
-    } catch (error) {
-        console.log("Failed to find user: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.signUp = async (req, res) => {
-
-    const errors = validationResult(req)
-    const ROLES = ["user", "admin"];
-    
-    if (!errors.isEmpty()) {
-        return res.status(400).json({ error: errors.array() })
-    }
-
-    let { name, email, password, role } = req.body;
-
-    try {
-
-        const existingUser = await User.findOne({ email: email })
-
-        if (existingUser) {
-            return res.status(400).json({ message: "User already exists with email " + email })
-        }
-        if (!role) {
-            role = ["user"]
-        } else if (Array.isArray(role)) {
-            if (!role.every(r => ROLES.indexOf(r) !== -1)) {
-                return res.status(400).json({ message: "Roles are invalid!" })
-            }
-        } else {
-            return res.status(400).json({ message: "Send roles as an array!" })
-        }
-
-        const hashedPassword = await bcrypt.hash(password, 10)
-        const data = {
-            name: name, email: email, password: hashedPassword, roles: role, about: "", status: STATUS.ENABLE
-        }
-
-        await User.create(data)
-
-        res.status(201).json({ message: "User has been successfully added!" })
-
-    } catch (error) {
-        console.log("Failed to sign up: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.updateUser = async (req, res) => {
-    const { id } = req.params
-    const { name, about } = req.body;
-
-    if (req.user !== id) {
-        return res.status(401).json({ message: "Unauthorized: Access denied!" })
-    }
-
-    if (!name) {
-        return res.status(404).json({ message: "Name is required!" })
-    }
-
-    if (name.length > 20 || name.length < 4) {
-        return res.status(404).json({ message: "Name must be between 5 and 20 characters long!" })
-    }
-    if (about && about.length > 160) {
-        return res.status(404).json({ message: "About must be less than 160 characters long!" })
-    }
-
-    try {
-        const user = await User.findOne({ _id: id })
-
-        if (!user) {
-            return res.status(404).json({ message: "User not found with id " + id })
-        }
-
-        const data = {
-            name: name, email: user.email, password: user.password, roles: user.roles, about: about, status: user.status
-        }
-
-        await User.updateOne({ _id: id }, { $set: data })
-        res.status(200).json({ message: "User has been successfully updated!" })
-
-    } catch (error) {
-        console.log("Failed to update user: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.deleteUser = async (req, res) => {
-    const { id } = req.params
-
-    if (req.user != id) {
-        return res.status(401).json({ message: "Unauthorized: Access denied!" })
-    }
-
-    try {
-        const existingUser = await User.findOne({ _id: id })
-
-        if (!existingUser) {
-            return res.status(404).json({ message: "User not found with id " + id })
-        }
-
-        await User.updateOne({ _id: id }, { $set: { status: STATUS.DISABLE } })
-        await Blog.deleteMany({ user: id })
-        await Blog.updateMany({}, { $pull: { likes: id } })
-        await Comment.deleteMany({ user: id })
-
-        res.status(200).json({ message: "User has been successfully deleted!" })
-
-    } catch (error) {
-        console.log("Failed to delete user: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
+require('dotenv').config();
+const { validationResult } = require('express-validator')
+const User = require('../models/User')
+const bcrypt = require('bcrypt')
+const { STATUS } = require('../utils/status');
+const Blog = require('../models/Blog');
+const Comment = require('../models/Comment');
+
+
+exports.getAllUsers = async (req, res) => {
+    try {
+        const users = await User.find()
+        res.status(200).json(users)
+    } catch (error) {
+        console.log("Failed to find all users: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.getUserById = async (req, res) => {
+    const { id } = req.params
+
+    try {
+        const existingUser = await User.findOne({ _id: id })
+
+        if (!existingUser || existingUser.status === STATUS.DISABLE) {
+            return res.status(404).json({ message: "User not found with id " + id })
+        }
+        res.send(existingUser)
+    } catch (error) {
+        console.log("Failed to find user: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.signUp = async (req, res) => {
+
+    const errors = validationResult(req)
+    const ROLES = ["user", "admin"];
+    
+    if (!errors.isEmpty()) {
+        return res.status(400).json({ error: errors.array() })
+    }
+
+    let { name, email, password, role } = req.body;
+
+    try {
+
+        const existingUser = await User.findOne({ email: email })
+
+        if (existingUser) {
+            return res.status(400).json({ message: "User already exists with email " + email })
+        }
+        if (!role) {
+            role = ["user"]
+        } else if (Array.isArray(role)) {
+            if (!role.every(r => ROLES.indexOf(r) !== -1)) {
+                return res.status(400).json({ message: "Roles are invalid!" })
+            }
+        } else {
+            return res.status(400).json({ message: "Send roles as an array!" })
+        }
+
+        const hashedPassword = await bcrypt.hash(password, 10)
+        const data = {
+            name: name, email: email, password: hashedPassword, roles: role, about: "", status: STATUS.ENABLE
+        }
+
+        await User.create(data)
+
+        res.status(201).json({ message: "User has been successfully added!" })
+
+    } catch (error) {
+        console.log("Failed to sign up: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.updateUser = async (req, res) => {
+    const { id } = req.params
+    const { name, about } = req.body;
+
+    if (req.user !== id) {
+        return res.status(401).json({ message: "Unauthorized: Access denied!" })
+    }
+
+    if (!name) {
+        return res.status(404).json({ message: "Name is required!" })
+    }
+
+    if (name.length > 20 || name.length < 4) {
+        return res.status(404).json({ message: "Name must be between 5 and 20 characters long!" })
+    }
+    if (about && about.length > 160) {
+        return res.status(404).json({ message: "About must be less than 160 characters long!" })
+    }
+
+    try {
+        const user = await User.findOne({ _id: id })
+
+        if (!user) {
+            return res.status(404).json({ message: "User not found with id " + id })
+        }
+
+        const data = {
+            name: name, email: user.email, password: user.password, roles: user.roles, about: about, status: user.status
+        }
+
+        await User.updateOne({ _id: id }, { $set: data })
+        res.status(200).json({ message: "User has been successfully updated!" })
+
+    } catch (error) {
+        console.log("Failed to update user: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.deleteUser = async (req, res) => {
+    const { id } = req.params
+
+    if (req.user != id) {
+        return res.status(401).json({ message: "Unauthorized: Access denied!" })
+    }
+
+    try {
+        const existingUser = await User.findOne({ _id: id })
+
+        if (!existingUser) {
+            return res.status(404).json({ message: "User not found with id " + id })
+        }
+
+        await User.updateOne({ _id: id }, { $set: { status: STATUS.DISABLE } })
+        await Blog.deleteMany({ user: id })
+        await Blog.updateMany({}, { $pull: { likes: id } })
+        await Comment.deleteMany({ user: id })
+
+        res.status(200).json({ message: "User has been successfully deleted!" })
+
+    } catch (error) {
+        console.log("Failed to delete user: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/images/add_comment.png b/projects/node-js/advanced/blog-platform/images/add_comment.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/images/add_comment.png
rename to projects/node-js/advanced/blog-platform/images/add_comment.png
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/images/create_blog.png b/projects/node-js/advanced/blog-platform/images/create_blog.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/images/create_blog.png
rename to projects/node-js/advanced/blog-platform/images/create_blog.png
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/images/get_all_blogs.png b/projects/node-js/advanced/blog-platform/images/get_all_blogs.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/images/get_all_blogs.png
rename to projects/node-js/advanced/blog-platform/images/get_all_blogs.png
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/images/get_all_tags.png b/projects/node-js/advanced/blog-platform/images/get_all_tags.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/images/get_all_tags.png
rename to projects/node-js/advanced/blog-platform/images/get_all_tags.png
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/images/like_unlike.png b/projects/node-js/advanced/blog-platform/images/like_unlike.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/images/like_unlike.png
rename to projects/node-js/advanced/blog-platform/images/like_unlike.png
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/images/login_user.png b/projects/node-js/advanced/blog-platform/images/login_user.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/images/login_user.png
rename to projects/node-js/advanced/blog-platform/images/login_user.png
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/images/register_user.png b/projects/node-js/advanced/blog-platform/images/register_user.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/images/register_user.png
rename to projects/node-js/advanced/blog-platform/images/register_user.png
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/middlewares/authentication.js b/projects/node-js/advanced/blog-platform/middlewares/authentication.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/middlewares/authentication.js
rename to projects/node-js/advanced/blog-platform/middlewares/authentication.js
index 05010825..0f2edaba 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/middlewares/authentication.js
+++ b/projects/node-js/advanced/blog-platform/middlewares/authentication.js
@@ -1,29 +1,29 @@
-require('dotenv').config();
-const jwt = require('jsonwebtoken')
-
-exports.Authenticate = (permissions = []) => {
-    return (req, res, next) => {
-        const token = req.headers['authorization']
-    
-        if (!token) {
-            return res.status(401).json({message: 'Unauthorized access: Token is required!'})
-        }
-    
-        jwt.verify(token, process.env.JWT_SECRET_KEY, (err, user) => {
-            if (err) {
-                if (err.name === 'TokenExpiredError') {
-                    return res.status(401).json({message: 'Unauthorized access: Token has expired!'})
-                }
-                else {
-                    return res.status(401).json({message: 'Unauthorized access: Invalid token!'})
-                }
-            }
-            console.log(user)
-            if (!permissions.every(role => user.roles.indexOf(role) !== -1)) {
-                return res.status(401).json({message: 'Unauthorized access: Insufficient permissions!'})
-            }
-            req.user = user.userId
-            next()
-        })
-    }
+require('dotenv').config();
+const jwt = require('jsonwebtoken')
+
+exports.Authenticate = (permissions = []) => {
+    return (req, res, next) => {
+        const token = req.headers['authorization']
+    
+        if (!token) {
+            return res.status(401).json({message: 'Unauthorized access: Token is required!'})
+        }
+    
+        jwt.verify(token, process.env.JWT_SECRET_KEY, (err, user) => {
+            if (err) {
+                if (err.name === 'TokenExpiredError') {
+                    return res.status(401).json({message: 'Unauthorized access: Token has expired!'})
+                }
+                else {
+                    return res.status(401).json({message: 'Unauthorized access: Invalid token!'})
+                }
+            }
+            console.log(user)
+            if (!permissions.every(role => user.roles.indexOf(role) !== -1)) {
+                return res.status(401).json({message: 'Unauthorized access: Insufficient permissions!'})
+            }
+            req.user = user.userId
+            next()
+        })
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/middlewares/validators.js b/projects/node-js/advanced/blog-platform/middlewares/validators.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/middlewares/validators.js
rename to projects/node-js/advanced/blog-platform/middlewares/validators.js
index 1387120c..3527a69a 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/middlewares/validators.js
+++ b/projects/node-js/advanced/blog-platform/middlewares/validators.js
@@ -1,22 +1,22 @@
-const { body } = require('express-validator')
-
-validateUserName = body('name')
-    .isLength({min: 4, max: 20}).withMessage('Name must be between 4 and 20 characters long!')
-
-validateEmail = body('email')
-    .isEmail().withMessage('Invalid email address!')
-
-validatePassword = body('password')
-    .isLength({min: 8, max: 20}).withMessage('Password must be between 8 and 20 characters long!')
-
-validateRoles = body('roles')
-    .optional()
-    .isArray().withMessage("Please send an array of roles!")
-
-validateAbout = body('about')
-    .optional()
-    .isLength({min: 0, max: 160}).withMessage('About must be less than 160 characters long!')
-
-exports.validateUserRequestBody = [validateUserName, validateEmail, validatePassword, validateAbout]
-
-
+const { body } = require('express-validator')
+
+validateUserName = body('name')
+    .isLength({min: 4, max: 20}).withMessage('Name must be between 4 and 20 characters long!')
+
+validateEmail = body('email')
+    .isEmail().withMessage('Invalid email address!')
+
+validatePassword = body('password')
+    .isLength({min: 8, max: 20}).withMessage('Password must be between 8 and 20 characters long!')
+
+validateRoles = body('roles')
+    .optional()
+    .isArray().withMessage("Please send an array of roles!")
+
+validateAbout = body('about')
+    .optional()
+    .isLength({min: 0, max: 160}).withMessage('About must be less than 160 characters long!')
+
+exports.validateUserRequestBody = [validateUserName, validateEmail, validatePassword, validateAbout]
+
+
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/models/Blog.js b/projects/node-js/advanced/blog-platform/models/Blog.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/models/Blog.js
rename to projects/node-js/advanced/blog-platform/models/Blog.js
index 8b632a82..a6c0e891 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/models/Blog.js
+++ b/projects/node-js/advanced/blog-platform/models/Blog.js
@@ -1,22 +1,22 @@
-const mongoose = require('mongoose');
-
-const blogSchema = mongoose.Schema({
-    title: {
-        type: String,
-        required: true
-    },
-    content: {
-        type: String,
-        required: true
-    },
-    user: {
-        type: mongoose.Schema.Types.ObjectId,
-        ref: 'User'
-    },
-    tags: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Tag' }],
-    likes: [{ type: mongoose.Schema.Types.ObjectId, ref: 'User' }],
-    comments: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Comment' }]
-}, { timestamps: true })
-
-const Blog = mongoose.model('Blog', blogSchema)
+const mongoose = require('mongoose');
+
+const blogSchema = mongoose.Schema({
+    title: {
+        type: String,
+        required: true
+    },
+    content: {
+        type: String,
+        required: true
+    },
+    user: {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: 'User'
+    },
+    tags: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Tag' }],
+    likes: [{ type: mongoose.Schema.Types.ObjectId, ref: 'User' }],
+    comments: [{ type: mongoose.Schema.Types.ObjectId, ref: 'Comment' }]
+}, { timestamps: true })
+
+const Blog = mongoose.model('Blog', blogSchema)
 module.exports = Blog
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/models/Comment.js b/projects/node-js/advanced/blog-platform/models/Comment.js
similarity index 95%
rename from Node-JS-Projects/Advanced/Blog-Platform/models/Comment.js
rename to projects/node-js/advanced/blog-platform/models/Comment.js
index 36e0645e..f83f4b31 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/models/Comment.js
+++ b/projects/node-js/advanced/blog-platform/models/Comment.js
@@ -1,19 +1,19 @@
-const mongoose = require('mongoose')
-
-const commentSchema = mongoose.Schema({
-    content: {
-        type: String,
-        required: true
-    },
-    user: {
-        type: mongoose.Schema.Types.ObjectId,
-        ref: 'User'
-    },
-    blog: {
-        type: mongoose.Schema.Types.ObjectId,
-        ref: 'Blog'
-    }
-}, { timestamps: true })
-
-const Comment = mongoose.model('Comment', commentSchema)
+const mongoose = require('mongoose')
+
+const commentSchema = mongoose.Schema({
+    content: {
+        type: String,
+        required: true
+    },
+    user: {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: 'User'
+    },
+    blog: {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: 'Blog'
+    }
+}, { timestamps: true })
+
+const Comment = mongoose.model('Comment', commentSchema)
 module.exports = Comment;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/models/Tag.js b/projects/node-js/advanced/blog-platform/models/Tag.js
similarity index 95%
rename from Node-JS-Projects/Advanced/Blog-Platform/models/Tag.js
rename to projects/node-js/advanced/blog-platform/models/Tag.js
index 75f8367b..d2042781 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/models/Tag.js
+++ b/projects/node-js/advanced/blog-platform/models/Tag.js
@@ -1,11 +1,11 @@
-const mongoose = require('mongoose');
-
-const tagSchema = mongoose.Schema({
-    tagName: {
-        type: String,
-        required: true
-    }
-})
-
-const Tag = mongoose.model('Tag', tagSchema)
+const mongoose = require('mongoose');
+
+const tagSchema = mongoose.Schema({
+    tagName: {
+        type: String,
+        required: true
+    }
+})
+
+const Tag = mongoose.model('Tag', tagSchema)
 module.exports = Tag
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/models/User.js b/projects/node-js/advanced/blog-platform/models/User.js
similarity index 94%
rename from Node-JS-Projects/Advanced/Blog-Platform/models/User.js
rename to projects/node-js/advanced/blog-platform/models/User.js
index 0cada03b..c428233f 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/models/User.js
+++ b/projects/node-js/advanced/blog-platform/models/User.js
@@ -1,31 +1,31 @@
-const mongoose = require('mongoose');
-
-const userSchema = mongoose.Schema({
-    name: {
-        require: true,
-        type: String
-    },
-    email: {
-        require: true,
-        type: String
-    },
-    password: {
-        require: true,
-        type: String
-    },
-    roles: {
-        type: Array
-    },
-    about: {
-        require: true,
-        type: String
-    },
-    status: {
-        require: true,
-        type: String
-    }
-}, { timestamps: true });
-
-const User = mongoose.model('User', userSchema)
-
+const mongoose = require('mongoose');
+
+const userSchema = mongoose.Schema({
+    name: {
+        require: true,
+        type: String
+    },
+    email: {
+        require: true,
+        type: String
+    },
+    password: {
+        require: true,
+        type: String
+    },
+    roles: {
+        type: Array
+    },
+    about: {
+        require: true,
+        type: String
+    },
+    status: {
+        require: true,
+        type: String
+    }
+}, { timestamps: true });
+
+const User = mongoose.model('User', userSchema)
+
 module.exports = User;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/package.json b/projects/node-js/advanced/blog-platform/package.json
similarity index 95%
rename from Node-JS-Projects/Advanced/Blog-Platform/package.json
rename to projects/node-js/advanced/blog-platform/package.json
index 2263d8f3..d662477c 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/package.json
+++ b/projects/node-js/advanced/blog-platform/package.json
@@ -1,11 +1,11 @@
-{
-  "dependencies": {
-    "bcrypt": "^5.1.1",
-    "body-parser": "^1.20.2",
-    "dotenv": "^16.4.5",
-    "express": "^4.18.3",
-    "express-validator": "^7.0.1",
-    "jsonwebtoken": "^9.0.2",
-    "mongoose": "^8.2.2"
-  }
-}
+{
+  "dependencies": {
+    "bcrypt": "^5.1.1",
+    "body-parser": "^1.20.2",
+    "dotenv": "^16.4.5",
+    "express": "^4.18.3",
+    "express-validator": "^7.0.1",
+    "jsonwebtoken": "^9.0.2",
+    "mongoose": "^8.2.2"
+  }
+}
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/routes/authRouter.js b/projects/node-js/advanced/blog-platform/routes/authRouter.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/routes/authRouter.js
rename to projects/node-js/advanced/blog-platform/routes/authRouter.js
index cfa6adf8..effe6fff 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/routes/authRouter.js
+++ b/projects/node-js/advanced/blog-platform/routes/authRouter.js
@@ -1,7 +1,7 @@
-const express = require('express')
-const authRouter = express.Router()
-const authController = require('../controllers/authController')
-
-authRouter.use('/signin', authController.signIn)
-
+const express = require('express')
+const authRouter = express.Router()
+const authController = require('../controllers/authController')
+
+authRouter.use('/signin', authController.signIn)
+
 module.exports = authRouter;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/routes/blogRoutes.js b/projects/node-js/advanced/blog-platform/routes/blogRoutes.js
similarity index 98%
rename from Node-JS-Projects/Advanced/Blog-Platform/routes/blogRoutes.js
rename to projects/node-js/advanced/blog-platform/routes/blogRoutes.js
index 0b74808f..c44f46ad 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/routes/blogRoutes.js
+++ b/projects/node-js/advanced/blog-platform/routes/blogRoutes.js
@@ -1,11 +1,11 @@
-const express = require('express')
-const blogRouter = express.Router()
-const blogController = require('../controllers/blogController');
-const { Authenticate } = require('../middlewares/authentication');
-
-blogRouter.post('/', Authenticate(["user"]), blogController.createBlog);
-blogRouter.put('/:id', Authenticate(["user"]), blogController.updateBlog);
-blogRouter.delete('/:id', Authenticate(["user"]), blogController.deleteBlog);
-blogRouter.get('/', blogController.getBlogs);
-
+const express = require('express')
+const blogRouter = express.Router()
+const blogController = require('../controllers/blogController');
+const { Authenticate } = require('../middlewares/authentication');
+
+blogRouter.post('/', Authenticate(["user"]), blogController.createBlog);
+blogRouter.put('/:id', Authenticate(["user"]), blogController.updateBlog);
+blogRouter.delete('/:id', Authenticate(["user"]), blogController.deleteBlog);
+blogRouter.get('/', blogController.getBlogs);
+
 module.exports = blogRouter;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/routes/commentRouter.js b/projects/node-js/advanced/blog-platform/routes/commentRouter.js
similarity index 98%
rename from Node-JS-Projects/Advanced/Blog-Platform/routes/commentRouter.js
rename to projects/node-js/advanced/blog-platform/routes/commentRouter.js
index 5b1266e0..4135e20a 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/routes/commentRouter.js
+++ b/projects/node-js/advanced/blog-platform/routes/commentRouter.js
@@ -1,11 +1,11 @@
-const express = require('express')
-const commentRouter = express.Router()
-const commentController = require('../controllers/commentController');
-const { Authenticate } = require('../middlewares/authentication');
-
-commentRouter.post('/', Authenticate(['user']), commentController.addComment);
-commentRouter.delete('/:id', Authenticate(['user']), commentController.deleteComment)
-commentRouter.put('/:id', Authenticate(['user']), commentController.updateComment)
-commentRouter.get('/', commentController.getCommentsByBlog)
-
-module.exports = commentRouter;
+const express = require('express')
+const commentRouter = express.Router()
+const commentController = require('../controllers/commentController');
+const { Authenticate } = require('../middlewares/authentication');
+
+commentRouter.post('/', Authenticate(['user']), commentController.addComment);
+commentRouter.delete('/:id', Authenticate(['user']), commentController.deleteComment)
+commentRouter.put('/:id', Authenticate(['user']), commentController.updateComment)
+commentRouter.get('/', commentController.getCommentsByBlog)
+
+module.exports = commentRouter;
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/routes/likeRoutes.js b/projects/node-js/advanced/blog-platform/routes/likeRoutes.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/routes/likeRoutes.js
rename to projects/node-js/advanced/blog-platform/routes/likeRoutes.js
index 5c89959f..a058a8f4 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/routes/likeRoutes.js
+++ b/projects/node-js/advanced/blog-platform/routes/likeRoutes.js
@@ -1,10 +1,10 @@
-const express = require('express')
-const likeRouter = express.Router()
-const likeController = require('../controllers/likeController');
-const { Authenticate } = require('../middlewares/authentication');
-
-
-likeRouter.put('/', Authenticate(['user']), likeController.likeOrUnLike);
-likeRouter.get('/:blogId', likeController.getLikesByBlog);
-
+const express = require('express')
+const likeRouter = express.Router()
+const likeController = require('../controllers/likeController');
+const { Authenticate } = require('../middlewares/authentication');
+
+
+likeRouter.put('/', Authenticate(['user']), likeController.likeOrUnLike);
+likeRouter.get('/:blogId', likeController.getLikesByBlog);
+
 module.exports = likeRouter;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/routes/tagRoutes.js b/projects/node-js/advanced/blog-platform/routes/tagRoutes.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/routes/tagRoutes.js
rename to projects/node-js/advanced/blog-platform/routes/tagRoutes.js
index 49712101..2c8b2a19 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/routes/tagRoutes.js
+++ b/projects/node-js/advanced/blog-platform/routes/tagRoutes.js
@@ -1,11 +1,11 @@
-const express = require('express')
-const tagRouter = express.Router()
-const tagController = require('../controllers/tagController');
-const { Authenticate } = require('../middlewares/authentication');
-
-tagRouter.get('/', tagController.getTags);
-tagRouter.post('/', Authenticate(['admin'], tagController.createTag))
-tagRouter.put('/:id', Authenticate(['admin'], tagController.updateTag))
-tagRouter.delete('/:id', Authenticate(['admin'], tagController.deleteTag))
-
-module.exports = tagRouter;
+const express = require('express')
+const tagRouter = express.Router()
+const tagController = require('../controllers/tagController');
+const { Authenticate } = require('../middlewares/authentication');
+
+tagRouter.get('/', tagController.getTags);
+tagRouter.post('/', Authenticate(['admin'], tagController.createTag))
+tagRouter.put('/:id', Authenticate(['admin'], tagController.updateTag))
+tagRouter.delete('/:id', Authenticate(['admin'], tagController.deleteTag))
+
+module.exports = tagRouter;
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/routes/userRoutes.js b/projects/node-js/advanced/blog-platform/routes/userRoutes.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/routes/userRoutes.js
rename to projects/node-js/advanced/blog-platform/routes/userRoutes.js
index 687ba8f7..ee775748 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/routes/userRoutes.js
+++ b/projects/node-js/advanced/blog-platform/routes/userRoutes.js
@@ -1,15 +1,15 @@
-const express = require('express')
-const userRouter = express.Router()
-const userController = require('../controllers/userController')
-const { validateUserRequestBody } = require('../middlewares/validators')
-const { Authenticate } = require('../middlewares/authentication')
-
-
-userRouter.post('/', validateUserRequestBody, userController.signUp)
-userRouter.get('/:id', userController.getUserById);
-userRouter.get('/', Authenticate(['admin']), userController.getAllUsers);
-userRouter.put('/:id', Authenticate(['user']), userController.updateUser)
-userRouter.delete('/:id', Authenticate(['user']), userController.deleteUser)
-
-
-module.exports = userRouter;
+const express = require('express')
+const userRouter = express.Router()
+const userController = require('../controllers/userController')
+const { validateUserRequestBody } = require('../middlewares/validators')
+const { Authenticate } = require('../middlewares/authentication')
+
+
+userRouter.post('/', validateUserRequestBody, userController.signUp)
+userRouter.get('/:id', userController.getUserById);
+userRouter.get('/', Authenticate(['admin']), userController.getAllUsers);
+userRouter.put('/:id', Authenticate(['user']), userController.updateUser)
+userRouter.delete('/:id', Authenticate(['user']), userController.deleteUser)
+
+
+module.exports = userRouter;
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/screenshot.webp b/projects/node-js/advanced/blog-platform/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Advanced/Blog-Platform/screenshot.webp
rename to projects/node-js/advanced/blog-platform/screenshot.webp
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/utils/generateToken.js b/projects/node-js/advanced/blog-platform/utils/generateToken.js
similarity index 97%
rename from Node-JS-Projects/Advanced/Blog-Platform/utils/generateToken.js
rename to projects/node-js/advanced/blog-platform/utils/generateToken.js
index 20114aef..244e7afb 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/utils/generateToken.js
+++ b/projects/node-js/advanced/blog-platform/utils/generateToken.js
@@ -1,7 +1,7 @@
-require('dotenv').config();
-const jwt = require('jsonwebtoken')
-
-exports.generateToken = (_userId, _roles) => {
-    const token = jwt.sign({ userId: _userId, roles: _roles }, process.env.JWT_SECRET_KEY, { expiresIn: '1d' })
-    return token
+require('dotenv').config();
+const jwt = require('jsonwebtoken')
+
+exports.generateToken = (_userId, _roles) => {
+    const token = jwt.sign({ userId: _userId, roles: _roles }, process.env.JWT_SECRET_KEY, { expiresIn: '1d' })
+    return token
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/utils/status.js b/projects/node-js/advanced/blog-platform/utils/status.js
similarity index 95%
rename from Node-JS-Projects/Advanced/Blog-Platform/utils/status.js
rename to projects/node-js/advanced/blog-platform/utils/status.js
index 704dea12..56f6e6a0 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/utils/status.js
+++ b/projects/node-js/advanced/blog-platform/utils/status.js
@@ -1,4 +1,4 @@
-exports.STATUS = {
-    ENABLE: "enabled",
-    DISABLE: "disbled"
+exports.STATUS = {
+    ENABLE: "enabled",
+    DISABLE: "disbled"
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/README.md b/projects/node-js/advanced/cooking-blog/README.md
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/README.md
rename to projects/node-js/advanced/cooking-blog/README.md
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/app.js b/projects/node-js/advanced/cooking-blog/app.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/app.js
rename to projects/node-js/advanced/cooking-blog/app.js
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/package.json b/projects/node-js/advanced/cooking-blog/package.json
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/package.json
rename to projects/node-js/advanced/cooking-blog/package.json
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/css/styles.css b/projects/node-js/advanced/cooking-blog/public/css/styles.css
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/css/styles.css
rename to projects/node-js/advanced/cooking-blog/public/css/styles.css
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/american-food.jpg b/projects/node-js/advanced/cooking-blog/public/img/american-food.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/american-food.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/american-food.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/chinese-food.jpg b/projects/node-js/advanced/cooking-blog/public/img/chinese-food.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/chinese-food.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/chinese-food.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/chocolate-banoffe-whoopie-pies.jpg b/projects/node-js/advanced/cooking-blog/public/img/chocolate-banoffe-whoopie-pies.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/chocolate-banoffe-whoopie-pies.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/chocolate-banoffe-whoopie-pies.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/hero-image.png b/projects/node-js/advanced/cooking-blog/public/img/hero-image.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/hero-image.png
rename to projects/node-js/advanced/cooking-blog/public/img/hero-image.png
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/i-like-food.svg b/projects/node-js/advanced/cooking-blog/public/img/i-like-food.svg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/i-like-food.svg
rename to projects/node-js/advanced/cooking-blog/public/img/i-like-food.svg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/indian-food.jpg b/projects/node-js/advanced/cooking-blog/public/img/indian-food.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/indian-food.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/indian-food.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/logo.svg b/projects/node-js/advanced/cooking-blog/public/img/logo.svg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/logo.svg
rename to projects/node-js/advanced/cooking-blog/public/img/logo.svg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/mexican-food.jpg b/projects/node-js/advanced/cooking-blog/public/img/mexican-food.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/mexican-food.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/mexican-food.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/publish-recipe.png b/projects/node-js/advanced/cooking-blog/public/img/publish-recipe.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/publish-recipe.png
rename to projects/node-js/advanced/cooking-blog/public/img/publish-recipe.png
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/spanish-food.jpg b/projects/node-js/advanced/cooking-blog/public/img/spanish-food.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/spanish-food.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/spanish-food.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/thai-food.jpg b/projects/node-js/advanced/cooking-blog/public/img/thai-food.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/thai-food.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/thai-food.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/img/view-all.jpg b/projects/node-js/advanced/cooking-blog/public/img/view-all.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/img/view-all.jpg
rename to projects/node-js/advanced/cooking-blog/public/img/view-all.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/js/script.js b/projects/node-js/advanced/cooking-blog/public/js/script.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/js/script.js
rename to projects/node-js/advanced/cooking-blog/public/js/script.js
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063546644saag-paneer.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1717063546644saag-paneer.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063546644saag-paneer.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1717063546644saag-paneer.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063752256Snapchat-1881247205.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1717063752256Snapchat-1881247205.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063752256Snapchat-1881247205.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1717063752256Snapchat-1881247205.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063891466IMG-20231126-WA0015.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1717063891466IMG-20231126-WA0015.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063891466IMG-20231126-WA0015.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1717063891466IMG-20231126-WA0015.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063935890IMG-20240425-WA0011.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1717063935890IMG-20240425-WA0011.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717063935890IMG-20240425-WA0011.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1717063935890IMG-20240425-WA0011.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717148325856luffy1.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1717148325856luffy1.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1717148325856luffy1.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1717148325856luffy1.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719220588260am.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1719220588260am.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719220588260am.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1719220588260am.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/171922093677246258992.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/171922093677246258992.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/171922093677246258992.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/171922093677246258992.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719221365616944_13_1439916365.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1719221365616944_13_1439916365.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719221365616944_13_1439916365.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1719221365616944_13_1439916365.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719221551267500_6_1350907298.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1719221551267500_6_1350907298.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719221551267500_6_1350907298.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1719221551267500_6_1350907298.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719221740519chocolate-banoffe-whoopie-pies.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/1719221740519chocolate-banoffe-whoopie-pies.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/1719221740519chocolate-banoffe-whoopie-pies.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/1719221740519chocolate-banoffe-whoopie-pies.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/aloo-gobi.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/aloo-gobi.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/aloo-gobi.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/aloo-gobi.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/griddled-avocado-&-broccoli-tacos.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/griddled-avocado-&-broccoli-tacos.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/griddled-avocado-&-broccoli-tacos.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/griddled-avocado-&-broccoli-tacos.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/key_lime_pie.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/key_lime_pie.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/key_lime_pie.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/key_lime_pie.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/mango-chutney.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/mango-chutney.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/mango-chutney.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/mango-chutney.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/mango-lassi.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/mango-lassi.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/mango-lassi.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/mango-lassi.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/masala-chai.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/masala-chai.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/masala-chai.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/masala-chai.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/mega-veggie-nachos.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/mega-veggie-nachos.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/mega-veggie-nachos.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/mega-veggie-nachos.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/punjabi-kadhai-paneer.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/punjabi-kadhai-paneer.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/punjabi-kadhai-paneer.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/punjabi-kadhai-paneer.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/saag-paneer.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/saag-paneer.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/saag-paneer.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/saag-paneer.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/tadka-dal.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/tadka-dal.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/tadka-dal.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/tadka-dal.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/tequila-michelada.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/tequila-michelada.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/tequila-michelada.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/tequila-michelada.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/thai-chinese-inspired-pinch-salad.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/thai-chinese-inspired-pinch-salad.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/thai-chinese-inspired-pinch-salad.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/thai-chinese-inspired-pinch-salad.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/thai-green-curry.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/thai-green-curry.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/thai-green-curry.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/thai-green-curry.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/thai-inspired-vegetable-broth.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/thai-inspired-vegetable-broth.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/thai-inspired-vegetable-broth.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/thai-inspired-vegetable-broth.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/tomato-enchiladas-with-cheese.jpg b/projects/node-js/advanced/cooking-blog/public/uploads/tomato-enchiladas-with-cheese.jpg
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/public/uploads/tomato-enchiladas-with-cheese.jpg
rename to projects/node-js/advanced/cooking-blog/public/uploads/tomato-enchiladas-with-cheese.jpg
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/screenshot.webp b/projects/node-js/advanced/cooking-blog/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/screenshot.webp
rename to projects/node-js/advanced/cooking-blog/screenshot.webp
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/server/controllers/recipeController.js b/projects/node-js/advanced/cooking-blog/server/controllers/recipeController.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/server/controllers/recipeController.js
rename to projects/node-js/advanced/cooking-blog/server/controllers/recipeController.js
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/server/models/Category.js b/projects/node-js/advanced/cooking-blog/server/models/Category.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/server/models/Category.js
rename to projects/node-js/advanced/cooking-blog/server/models/Category.js
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/server/models/Recipe.js b/projects/node-js/advanced/cooking-blog/server/models/Recipe.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/server/models/Recipe.js
rename to projects/node-js/advanced/cooking-blog/server/models/Recipe.js
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/server/models/database.js b/projects/node-js/advanced/cooking-blog/server/models/database.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/server/models/database.js
rename to projects/node-js/advanced/cooking-blog/server/models/database.js
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/server/routes/recipeRoutes.js b/projects/node-js/advanced/cooking-blog/server/routes/recipeRoutes.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/server/routes/recipeRoutes.js
rename to projects/node-js/advanced/cooking-blog/server/routes/recipeRoutes.js
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/about.ejs b/projects/node-js/advanced/cooking-blog/views/about.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/about.ejs
rename to projects/node-js/advanced/cooking-blog/views/about.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/categories.ejs b/projects/node-js/advanced/cooking-blog/views/categories.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/categories.ejs
rename to projects/node-js/advanced/cooking-blog/views/categories.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/contact.ejs b/projects/node-js/advanced/cooking-blog/views/contact.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/contact.ejs
rename to projects/node-js/advanced/cooking-blog/views/contact.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/explore-latest.ejs b/projects/node-js/advanced/cooking-blog/views/explore-latest.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/explore-latest.ejs
rename to projects/node-js/advanced/cooking-blog/views/explore-latest.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/explore-random.ejs b/projects/node-js/advanced/cooking-blog/views/explore-random.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/explore-random.ejs
rename to projects/node-js/advanced/cooking-blog/views/explore-random.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/index.ejs b/projects/node-js/advanced/cooking-blog/views/index.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/index.ejs
rename to projects/node-js/advanced/cooking-blog/views/index.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/layouts/main.ejs b/projects/node-js/advanced/cooking-blog/views/layouts/main.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/layouts/main.ejs
rename to projects/node-js/advanced/cooking-blog/views/layouts/main.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/recipe.ejs b/projects/node-js/advanced/cooking-blog/views/recipe.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/recipe.ejs
rename to projects/node-js/advanced/cooking-blog/views/recipe.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/search.ejs b/projects/node-js/advanced/cooking-blog/views/search.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/search.ejs
rename to projects/node-js/advanced/cooking-blog/views/search.ejs
diff --git a/Node-JS-Projects/Advanced/Cooking-Blog/views/submit-recipe.ejs b/projects/node-js/advanced/cooking-blog/views/submit-recipe.ejs
similarity index 100%
rename from Node-JS-Projects/Advanced/Cooking-Blog/views/submit-recipe.ejs
rename to projects/node-js/advanced/cooking-blog/views/submit-recipe.ejs
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/.eslintrc.cjs b/projects/node-js/advanced/docx-to-pdf-converter/.eslintrc.cjs
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/.eslintrc.cjs
rename to projects/node-js/advanced/docx-to-pdf-converter/.eslintrc.cjs
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/README.md b/projects/node-js/advanced/docx-to-pdf-converter/README.md
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/README.md
rename to projects/node-js/advanced/docx-to-pdf-converter/README.md
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/index.html b/projects/node-js/advanced/docx-to-pdf-converter/index.html
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/index.html
rename to projects/node-js/advanced/docx-to-pdf-converter/index.html
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/package.json b/projects/node-js/advanced/docx-to-pdf-converter/package.json
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/package.json
rename to projects/node-js/advanced/docx-to-pdf-converter/package.json
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/postcss.config.js b/projects/node-js/advanced/docx-to-pdf-converter/postcss.config.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/postcss.config.js
rename to projects/node-js/advanced/docx-to-pdf-converter/postcss.config.js
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/public/icon.png b/projects/node-js/advanced/docx-to-pdf-converter/public/icon.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/public/icon.png
rename to projects/node-js/advanced/docx-to-pdf-converter/public/icon.png
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/screenshot.webp b/projects/node-js/advanced/docx-to-pdf-converter/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/screenshot.webp
rename to projects/node-js/advanced/docx-to-pdf-converter/screenshot.webp
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/server/index.js b/projects/node-js/advanced/docx-to-pdf-converter/server/index.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/server/index.js
rename to projects/node-js/advanced/docx-to-pdf-converter/server/index.js
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/server/package.json b/projects/node-js/advanced/docx-to-pdf-converter/server/package.json
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/server/package.json
rename to projects/node-js/advanced/docx-to-pdf-converter/server/package.json
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/App.jsx b/projects/node-js/advanced/docx-to-pdf-converter/src/App.jsx
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/App.jsx
rename to projects/node-js/advanced/docx-to-pdf-converter/src/App.jsx
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/Center.jsx b/projects/node-js/advanced/docx-to-pdf-converter/src/Components/Center.jsx
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/Center.jsx
rename to projects/node-js/advanced/docx-to-pdf-converter/src/Components/Center.jsx
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/FileUpload.jsx b/projects/node-js/advanced/docx-to-pdf-converter/src/Components/FileUpload.jsx
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/FileUpload.jsx
rename to projects/node-js/advanced/docx-to-pdf-converter/src/Components/FileUpload.jsx
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/Landing.jsx b/projects/node-js/advanced/docx-to-pdf-converter/src/Components/Landing.jsx
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/Landing.jsx
rename to projects/node-js/advanced/docx-to-pdf-converter/src/Components/Landing.jsx
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/Navbar.jsx b/projects/node-js/advanced/docx-to-pdf-converter/src/Components/Navbar.jsx
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/Components/Navbar.jsx
rename to projects/node-js/advanced/docx-to-pdf-converter/src/Components/Navbar.jsx
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/assets/logo.png b/projects/node-js/advanced/docx-to-pdf-converter/src/assets/logo.png
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/assets/logo.png
rename to projects/node-js/advanced/docx-to-pdf-converter/src/assets/logo.png
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/index.css b/projects/node-js/advanced/docx-to-pdf-converter/src/index.css
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/index.css
rename to projects/node-js/advanced/docx-to-pdf-converter/src/index.css
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/main.jsx b/projects/node-js/advanced/docx-to-pdf-converter/src/main.jsx
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/src/main.jsx
rename to projects/node-js/advanced/docx-to-pdf-converter/src/main.jsx
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/tailwind.config.js b/projects/node-js/advanced/docx-to-pdf-converter/tailwind.config.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/tailwind.config.js
rename to projects/node-js/advanced/docx-to-pdf-converter/tailwind.config.js
diff --git a/Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/vite.config.js b/projects/node-js/advanced/docx-to-pdf-converter/vite.config.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Docx-To-Pdf-Converter/vite.config.js
rename to projects/node-js/advanced/docx-to-pdf-converter/vite.config.js
diff --git a/Node-JS-Projects/Advanced/E-Commerce/README.md b/projects/node-js/advanced/e-commerce/README.md
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/README.md
rename to projects/node-js/advanced/e-commerce/README.md
diff --git a/Node-JS-Projects/Advanced/E-Commerce/app.js b/projects/node-js/advanced/e-commerce/app.js
similarity index 96%
rename from Node-JS-Projects/Advanced/E-Commerce/app.js
rename to projects/node-js/advanced/e-commerce/app.js
index 6ec0e7a5..cfb8f900 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/app.js
+++ b/projects/node-js/advanced/e-commerce/app.js
@@ -1,31 +1,31 @@
-require('dotenv').config();
-const express = require('express');
-const cors = require('cors')
-const connectToDB = require('./config/dbConnection')
-const AuthRouter = require("./routes/AuthRoutes")
-const CartRouter = require("./routes/CartRoutes")
-const CategoryRouter = require("./routes/CategoryRoutes")
-const OrderRouter = require("./routes/OrderRoutes")
-const ProductRouter = require("./routes/ProductRoutes")
-const WishlistRouter = require("./routes/WishlistRoutes")
-const UserRouter = require("./routes/UserRoutes")
-
-const port = process.env.PORT || 8080;
-
-connectToDB()
-
-const app = express();
-
-app.use(cors());
-app.use(express.json());
-app.use("/auth", AuthRouter);
-app.use("/cart", CartRouter);
-app.use("/category", CategoryRouter);
-app.use("/order", OrderRouter);
-app.use("/product", ProductRouter);
-app.use("/wishlist", WishlistRouter);
-app.use("/user", UserRouter);
-
-app.listen(port, () => {
-    console.log('Application is running on port ' + port)
-})
+require('dotenv').config();
+const express = require('express');
+const cors = require('cors')
+const connectToDB = require('./config/dbConnection')
+const AuthRouter = require("./routes/AuthRoutes")
+const CartRouter = require("./routes/CartRoutes")
+const CategoryRouter = require("./routes/CategoryRoutes")
+const OrderRouter = require("./routes/OrderRoutes")
+const ProductRouter = require("./routes/ProductRoutes")
+const WishlistRouter = require("./routes/WishlistRoutes")
+const UserRouter = require("./routes/UserRoutes")
+
+const port = process.env.PORT || 8080;
+
+connectToDB()
+
+const app = express();
+
+app.use(cors());
+app.use(express.json());
+app.use("/auth", AuthRouter);
+app.use("/cart", CartRouter);
+app.use("/category", CategoryRouter);
+app.use("/order", OrderRouter);
+app.use("/product", ProductRouter);
+app.use("/wishlist", WishlistRouter);
+app.use("/user", UserRouter);
+
+app.listen(port, () => {
+    console.log('Application is running on port ' + port)
+})
diff --git a/Node-JS-Projects/Advanced/Blog-Platform/config/dbConnection.js b/projects/node-js/advanced/e-commerce/config/dbConnection.js
similarity index 96%
rename from Node-JS-Projects/Advanced/Blog-Platform/config/dbConnection.js
rename to projects/node-js/advanced/e-commerce/config/dbConnection.js
index c8b5964c..0005e1fe 100644
--- a/Node-JS-Projects/Advanced/Blog-Platform/config/dbConnection.js
+++ b/projects/node-js/advanced/e-commerce/config/dbConnection.js
@@ -1,16 +1,16 @@
-require('dotenv').config();
-const mongoose = require('mongoose');
-
-const connectToDB = async () => {
-    await mongoose.connect(process.env.MONGODB_URL)
-    .then(() => {
-        console.log("Connected to MongoDB");
-    })
-    .catch(
-        (error) => {
-            console.error("Error connecting to MongoDB:", error);
-        }
-    );
-}
-
+require('dotenv').config();
+const mongoose = require('mongoose');
+
+const connectToDB = async () => {
+    await mongoose.connect(process.env.MONGODB_URL)
+    .then(() => {
+        console.log("Connected to MongoDB");
+    })
+    .catch(
+        (error) => {
+            console.error("Error connecting to MongoDB:", error);
+        }
+    );
+}
+
 module.exports = connectToDB
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/config/nodemailer.js b/projects/node-js/advanced/e-commerce/config/nodemailer.js
similarity index 95%
rename from Node-JS-Projects/Advanced/E-Commerce/config/nodemailer.js
rename to projects/node-js/advanced/e-commerce/config/nodemailer.js
index c92a47ab..38c1904e 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/config/nodemailer.js
+++ b/projects/node-js/advanced/e-commerce/config/nodemailer.js
@@ -1,22 +1,22 @@
-require('dotenv').config();
-const nodemailer = require('nodemailer');
-
-const transporter = nodemailer.createTransport({
-    service: 'gmail',
-    auth: {
-        user: process.env.EMAIL,
-        pass: process.env.EMAIL_PASSWORD,
-    },
-});
-
-const sendEmail = async (email, subject, body) => {
-    const mailOptions = {
-        from: process.env.EMAIL,
-        to: email,
-        subject: subject,
-        html: body,
-    };
-    await transporter.sendMail(mailOptions);
-};
-
-module.exports = sendEmail
+require('dotenv').config();
+const nodemailer = require('nodemailer');
+
+const transporter = nodemailer.createTransport({
+    service: 'gmail',
+    auth: {
+        user: process.env.EMAIL,
+        pass: process.env.EMAIL_PASSWORD,
+    },
+});
+
+const sendEmail = async (email, subject, body) => {
+    const mailOptions = {
+        from: process.env.EMAIL,
+        to: email,
+        subject: subject,
+        html: body,
+    };
+    await transporter.sendMail(mailOptions);
+};
+
+module.exports = sendEmail
diff --git a/Node-JS-Projects/Advanced/E-Commerce/controllers/AuthController.js b/projects/node-js/advanced/e-commerce/controllers/AuthController.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/controllers/AuthController.js
rename to projects/node-js/advanced/e-commerce/controllers/AuthController.js
index 75e19752..1df51c24 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/controllers/AuthController.js
+++ b/projects/node-js/advanced/e-commerce/controllers/AuthController.js
@@ -1,194 +1,194 @@
-require('dotenv').config();
-const User = require('../models/User')
-const bcrypt = require('bcrypt')
-const { generateAccessToken, generateRefreshToken } = require('../utils/jwt');
-const jwt = require('jsonwebtoken');
-const { generateOTP } = require('../utils/otp');
-const sendEmail = require('../config/nodemailer');
-
-exports.registerUser = async (req, res) => {
-    const { username, email, password, roles } = req.body;
-
-    try {
-        const existingUser = await User.findOne({ email: email })
-
-        if (existingUser) {
-            return res.status(400).json({ success: false, message: "User already exists with email " + email })
-        }
-
-        const hashedPassword = await bcrypt.hash(password, 10)
-
-        if (roles.length === 0) {
-            roles.push('user')
-        }
-
-        const otp = generateOTP();
-
-        const data = {
-            username: username,
-            email: email,
-            password: hashedPassword,
-            otp: {
-                code: otp,
-                expiresAt: Date.now() + 10 * 60 * 1000, // 10 min
-            },
-            enabled: false,
-            roles: roles,
-            wishlist: [],
-            cart: { numberOfItems: 0, total: 0, cartItems: [] }
-        }
-
-        await User.create(data)
-
-        const subject = "Please confirm your email!"
-        const body = `Hello, <br> <br> Welcome to XYZ! We are excited to have you on-board and there's just one step to verify if it's actually your e-mail address. Please enter the below otp in the verification phase of registration. <br> <br> Your OTP is : ${otp} <br><r> Please note that the OTP will be expires in 10 minutes. <br><br> Thank you.`
-        await sendEmail(email, subject, body);
-
-        res.status(200).json({ success: true, message: "Verification email sent!" })
-
-    } catch (error) {
-        console.log("Failed to sign up: " + error)
-        return res.status(500).json({ message: "Internal server error!" })
-    }
-}
-
-exports.sendOtp = async (req, res) => {
-    try {
-        const { email } = req.params;
-        const user = await User.findOne({ email });
-
-        if (!user) {
-            return res.status(404).json({ success: false, message: 'User not found with email ' + email });
-        }
-
-        if (user.otp.resendAttempts >= 3) {
-            if (user.otp.blockedUntil && user.otp.blockedUntil > Date.now()) {
-                return res.status(403).json({ success: false, message: 'Too many resend attempts. Account is blocked. Try again later.' });
-            } else {
-                user.otp.resendAttempts = 0;
-                user.otp.blockedUntil = null;
-            }
-        }
-
-        const otp = generateOTP();
-        user.otp.code = otp;
-        user.otp.expiresAt = Date.now() + 10 * 60 * 1000;
-        user.otp.resendAttempts += 1;
-        if (user.otp.resendAttempts >= 3) {
-            user.otp.blockedUntil = Date.now() + 30 * 60 * 1000; // 30 min
-        }
-
-        await user.save();
-        const subject = "Please confirm your email!"
-        const body = `Hello, <br> <br> Welcome to XYZ! We are excited to have you on-board and there's just one step to verify if it's actually your e-mail address. Please enter the below otp in the verification phase of registration. <br> <br> Your OTP is : ${otp} <br><r> Please note that the OTP will be expires in 10 minutes. <br><br> Thank you.`
-        await sendEmail(email, subject, body);
-
-        res.status(200).json({ success: true, message: "Verification email sent!" })
-
-    } catch (error) {
-        console.log("Failed to send otp: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.verifyOtp = async (req, res) => {
-
-    try {
-        const { email, otp } = req.body;
-        const user = await User.findOne({ email });
-
-        if (!user) {
-            return res.status(404).json({ success: false, message: 'User not found' });
-        }
-
-        if (user.otp.blockedUntil && user.otp.blockedUntil > Date.now()) {
-            return res.status(403).json({ success: false, message: 'Account is blocked. Try again later.' });
-        }
-
-        if (user.otp.expiresAt < Date.now()) {
-            return res.status(400).json({ success: false, message: 'OTP has expired' });
-        }
-
-        if (user.otp.code !== otp) {
-            return res.status(400).json({ success: false, message: 'Invalid OTP' });
-        }
-
-        user.enabled = true;
-        user.otp.code = null;
-        user.otp.expiresAt = null;
-        user.otp.resendAttempts = 0;
-        user.otp.blockedUntil = null;
-
-        await user.save();
-        res.status(200).json({ success: true, message: 'Account verified successfully' });
-    } catch (error) {
-        console.log("Failed to verify regisration otp: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.loginUser = async (req, res) => {
-
-    const { email, password } = req.body
-
-    try {
-        const user = await User.findOne({ email: email })
-
-        if (!user) {
-            return res.status(404).json({ success: false, message: "User not found with email " + email })
-        }
-
-        if (!user.enabled) {
-            return res.status(403).json({ success: false, message: 'User not verified. Please verify your account.' });
-        }
-
-
-        const isValid = await bcrypt.compare(password, user.password)
-        if (!isValid) {
-            return res.status(404).json({ success: false, message: "Invalid credentials!" })
-        }
-
-        const accessToken = generateAccessToken(user._id, user.roles)
-        const refreshToken = generateRefreshToken(user._id, user.roles)
-
-        const response = {
-            accessToken: accessToken,
-            refreshToken: refreshToken,
-            user: {
-                userId: user._id,
-                username: user.username,
-                email: user.email,
-            }
-        }
-
-        res.status(200).json({ success: true, response: response })
-    } catch (error) {
-        console.log("Failed to Sign in: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.refreshToken = async (req, res) => {
-    const { token } = req.body
-
-    try {
-
-        jwt.verify(token, process.env.JWT_REFRESH_SECRET_KEY, (err, user) => {
-            console.log(user)
-            if (err) {
-                return res.status(401).json({ success: false, message: "Invalid refresh token!" })
-            }
-
-            const newAccessToken = generateAccessToken(user.userId, user.roles)
-            return res.status(200).json({ success: true, token: newAccessToken })
-
-        })
-
-    } catch (error) {
-        console.log("Failed to validate refresh token: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
+require('dotenv').config();
+const User = require('../models/User')
+const bcrypt = require('bcrypt')
+const { generateAccessToken, generateRefreshToken } = require('../utils/jwt');
+const jwt = require('jsonwebtoken');
+const { generateOTP } = require('../utils/otp');
+const sendEmail = require('../config/nodemailer');
+
+exports.registerUser = async (req, res) => {
+    const { username, email, password, roles } = req.body;
+
+    try {
+        const existingUser = await User.findOne({ email: email })
+
+        if (existingUser) {
+            return res.status(400).json({ success: false, message: "User already exists with email " + email })
+        }
+
+        const hashedPassword = await bcrypt.hash(password, 10)
+
+        if (roles.length === 0) {
+            roles.push('user')
+        }
+
+        const otp = generateOTP();
+
+        const data = {
+            username: username,
+            email: email,
+            password: hashedPassword,
+            otp: {
+                code: otp,
+                expiresAt: Date.now() + 10 * 60 * 1000, // 10 min
+            },
+            enabled: false,
+            roles: roles,
+            wishlist: [],
+            cart: { numberOfItems: 0, total: 0, cartItems: [] }
+        }
+
+        await User.create(data)
+
+        const subject = "Please confirm your email!"
+        const body = `Hello, <br> <br> Welcome to XYZ! We are excited to have you on-board and there's just one step to verify if it's actually your e-mail address. Please enter the below otp in the verification phase of registration. <br> <br> Your OTP is : ${otp} <br><r> Please note that the OTP will be expires in 10 minutes. <br><br> Thank you.`
+        await sendEmail(email, subject, body);
+
+        res.status(200).json({ success: true, message: "Verification email sent!" })
+
+    } catch (error) {
+        console.log("Failed to sign up: " + error)
+        return res.status(500).json({ message: "Internal server error!" })
+    }
+}
+
+exports.sendOtp = async (req, res) => {
+    try {
+        const { email } = req.params;
+        const user = await User.findOne({ email });
+
+        if (!user) {
+            return res.status(404).json({ success: false, message: 'User not found with email ' + email });
+        }
+
+        if (user.otp.resendAttempts >= 3) {
+            if (user.otp.blockedUntil && user.otp.blockedUntil > Date.now()) {
+                return res.status(403).json({ success: false, message: 'Too many resend attempts. Account is blocked. Try again later.' });
+            } else {
+                user.otp.resendAttempts = 0;
+                user.otp.blockedUntil = null;
+            }
+        }
+
+        const otp = generateOTP();
+        user.otp.code = otp;
+        user.otp.expiresAt = Date.now() + 10 * 60 * 1000;
+        user.otp.resendAttempts += 1;
+        if (user.otp.resendAttempts >= 3) {
+            user.otp.blockedUntil = Date.now() + 30 * 60 * 1000; // 30 min
+        }
+
+        await user.save();
+        const subject = "Please confirm your email!"
+        const body = `Hello, <br> <br> Welcome to XYZ! We are excited to have you on-board and there's just one step to verify if it's actually your e-mail address. Please enter the below otp in the verification phase of registration. <br> <br> Your OTP is : ${otp} <br><r> Please note that the OTP will be expires in 10 minutes. <br><br> Thank you.`
+        await sendEmail(email, subject, body);
+
+        res.status(200).json({ success: true, message: "Verification email sent!" })
+
+    } catch (error) {
+        console.log("Failed to send otp: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.verifyOtp = async (req, res) => {
+
+    try {
+        const { email, otp } = req.body;
+        const user = await User.findOne({ email });
+
+        if (!user) {
+            return res.status(404).json({ success: false, message: 'User not found' });
+        }
+
+        if (user.otp.blockedUntil && user.otp.blockedUntil > Date.now()) {
+            return res.status(403).json({ success: false, message: 'Account is blocked. Try again later.' });
+        }
+
+        if (user.otp.expiresAt < Date.now()) {
+            return res.status(400).json({ success: false, message: 'OTP has expired' });
+        }
+
+        if (user.otp.code !== otp) {
+            return res.status(400).json({ success: false, message: 'Invalid OTP' });
+        }
+
+        user.enabled = true;
+        user.otp.code = null;
+        user.otp.expiresAt = null;
+        user.otp.resendAttempts = 0;
+        user.otp.blockedUntil = null;
+
+        await user.save();
+        res.status(200).json({ success: true, message: 'Account verified successfully' });
+    } catch (error) {
+        console.log("Failed to verify regisration otp: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.loginUser = async (req, res) => {
+
+    const { email, password } = req.body
+
+    try {
+        const user = await User.findOne({ email: email })
+
+        if (!user) {
+            return res.status(404).json({ success: false, message: "User not found with email " + email })
+        }
+
+        if (!user.enabled) {
+            return res.status(403).json({ success: false, message: 'User not verified. Please verify your account.' });
+        }
+
+
+        const isValid = await bcrypt.compare(password, user.password)
+        if (!isValid) {
+            return res.status(404).json({ success: false, message: "Invalid credentials!" })
+        }
+
+        const accessToken = generateAccessToken(user._id, user.roles)
+        const refreshToken = generateRefreshToken(user._id, user.roles)
+
+        const response = {
+            accessToken: accessToken,
+            refreshToken: refreshToken,
+            user: {
+                userId: user._id,
+                username: user.username,
+                email: user.email,
+            }
+        }
+
+        res.status(200).json({ success: true, response: response })
+    } catch (error) {
+        console.log("Failed to Sign in: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.refreshToken = async (req, res) => {
+    const { token } = req.body
+
+    try {
+
+        jwt.verify(token, process.env.JWT_REFRESH_SECRET_KEY, (err, user) => {
+            console.log(user)
+            if (err) {
+                return res.status(401).json({ success: false, message: "Invalid refresh token!" })
+            }
+
+            const newAccessToken = generateAccessToken(user.userId, user.roles)
+            return res.status(200).json({ success: true, token: newAccessToken })
+
+        })
+
+    } catch (error) {
+        console.log("Failed to validate refresh token: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/controllers/CartController.js b/projects/node-js/advanced/e-commerce/controllers/CartController.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/controllers/CartController.js
rename to projects/node-js/advanced/e-commerce/controllers/CartController.js
index e92ca9ad..bc4e56d1 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/controllers/CartController.js
+++ b/projects/node-js/advanced/e-commerce/controllers/CartController.js
@@ -1,121 +1,121 @@
-const User = require('../models/User');
-const Product = require('../models/Product');
-
-exports.addItem = async (req, res) => {
-    try {
-        const userId = req.user;
-        const { productId, quantity } = req.body;
-
-        const user = await User.findById(userId);
-
-        const product = await Product.findById(productId);
-        if (!product) {
-            return res.status(400).json({ success: false, message: "Product not found with id " + id })
-        }
-
-        const cartItem = user.cart.cartItems.find(item => item.productId.toString() === productId.toString());
-        if (cartItem) {
-            return res.status(200).json({ success: false, message: 'Item already in the cart!', cart: user.cart });
-        } else {
-            user.cart.cartItems.push({ productId: productId, price: quantity * product.price, quantity: quantity });
-        }
-
-        user.cart.numberOfItems += quantity;
-        user.cart.total += (quantity * product.price);
-
-        await User.updateOne({ _id: user._id }, { $set: user })
-
-        return res.status(200).json({ success: true, message: 'Item added to cart', cart: user.cart });
-
-    } catch (error) {
-        console.log("Failed to add/remove item to wishlist: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-};
-
-exports.updateQuantity = async (req, res) => {
-    try {
-        const userId = req.user;
-        const { productId, quantity } = req.body;
-
-        const user = await User.findById(userId);
-
-        const product = await Product.findById(productId);
-        if (!product) {
-            return res.status(400).json({ success: false, message: "Product not found with id " + id })
-        }
-
-        const cartItem = user.cart.cartItems.find(item => item.productId.toString() === productId.toString());
-        if (!cartItem) {
-            return res.status(404).json({ success: false, message: 'Item not found in cart' });
-        }
-
-        const difference = quantity - cartItem.quantity;
-        cartItem.quantity = quantity;
-        cartItem.price = cartItem.quantity * product.price
-        user.cart.numberOfItems += difference;
-        user.cart.total += (difference * product.price);
-
-        await User.updateOne({ _id: user._id }, { $set: user })
-
-        return res.status(200).json({ success: true, message: 'Cart item quantity updated', cart: user.cart });
-    } catch (error) {
-        return res.status(500).json({ message: 'Internal Server Error', error });
-    }
-};
-
-exports.removeItem = async (req, res) => {
-    try {
-        const userId = req.user; 
-        const { productId } = req.params;
-
-        const user = await User.findById(userId);
-
-        const cartItemIndex = user.cart.cartItems.findIndex(item => item.productId.toString() === productId.toString());
-        if (cartItemIndex === -1) {
-            return res.status(404).json({ success: false, message: 'Item not found in cart' });
-        }
-
-        const cartItem = user.cart.cartItems[cartItemIndex];
-        user.cart.numberOfItems -= cartItem.quantity;
-        user.cart.total -= (cartItem.quantity * (await Product.findById(productId)).price);
-        if(user.cart.total < 0) user.cart.total = 0
-        user.cart.cartItems.splice(cartItemIndex, 1);
-
-        await User.updateOne({ _id: user._id }, { $set: user })
-
-        return res.status(200).json({ success: true, message: 'Item removed from cart', cart: user.cart });
-    } catch (error) {
-        return res.status(500).json({ message: 'Internal Server Error', error });
-    }
-};
-
-exports.clearCart = async (req, res) => {
-    try {
-        const userId = req.user; 
-
-        const user = await User.findById(userId);
-
-        user.cart.cartItems = [];
-        user.cart.numberOfItems = 0;
-        user.cart.total = 0;
-
-        await User.updateOne({ _id: user._id }, { $set: user })
-
-        return res.status(200).json({ success: true, message: 'Cart cleared', cart: user.cart });
-    } catch (error) {
-        return res.status(500).json({ message: 'Internal Server Error', error });
-    }
-};
-
-exports.getCartByUser = async (req, res) => {
-    try {
-        const userId = req.user; 
-
-        const user = await User.findById(userId);
-
-        return res.status(200).json({ success: true, message: `${user.cart.cartItems.length} items in the cart!`, cart: user.cart });
-    } catch (error) {
-        return res.status(500).json({ message: 'Internal Server Error', error });
-    }
-};
+const User = require('../models/User');
+const Product = require('../models/Product');
+
+exports.addItem = async (req, res) => {
+    try {
+        const userId = req.user;
+        const { productId, quantity } = req.body;
+
+        const user = await User.findById(userId);
+
+        const product = await Product.findById(productId);
+        if (!product) {
+            return res.status(400).json({ success: false, message: "Product not found with id " + id })
+        }
+
+        const cartItem = user.cart.cartItems.find(item => item.productId.toString() === productId.toString());
+        if (cartItem) {
+            return res.status(200).json({ success: false, message: 'Item already in the cart!', cart: user.cart });
+        } else {
+            user.cart.cartItems.push({ productId: productId, price: quantity * product.price, quantity: quantity });
+        }
+
+        user.cart.numberOfItems += quantity;
+        user.cart.total += (quantity * product.price);
+
+        await User.updateOne({ _id: user._id }, { $set: user })
+
+        return res.status(200).json({ success: true, message: 'Item added to cart', cart: user.cart });
+
+    } catch (error) {
+        console.log("Failed to add/remove item to wishlist: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+};
+
+exports.updateQuantity = async (req, res) => {
+    try {
+        const userId = req.user;
+        const { productId, quantity } = req.body;
+
+        const user = await User.findById(userId);
+
+        const product = await Product.findById(productId);
+        if (!product) {
+            return res.status(400).json({ success: false, message: "Product not found with id " + id })
+        }
+
+        const cartItem = user.cart.cartItems.find(item => item.productId.toString() === productId.toString());
+        if (!cartItem) {
+            return res.status(404).json({ success: false, message: 'Item not found in cart' });
+        }
+
+        const difference = quantity - cartItem.quantity;
+        cartItem.quantity = quantity;
+        cartItem.price = cartItem.quantity * product.price
+        user.cart.numberOfItems += difference;
+        user.cart.total += (difference * product.price);
+
+        await User.updateOne({ _id: user._id }, { $set: user })
+
+        return res.status(200).json({ success: true, message: 'Cart item quantity updated', cart: user.cart });
+    } catch (error) {
+        return res.status(500).json({ message: 'Internal Server Error', error });
+    }
+};
+
+exports.removeItem = async (req, res) => {
+    try {
+        const userId = req.user; 
+        const { productId } = req.params;
+
+        const user = await User.findById(userId);
+
+        const cartItemIndex = user.cart.cartItems.findIndex(item => item.productId.toString() === productId.toString());
+        if (cartItemIndex === -1) {
+            return res.status(404).json({ success: false, message: 'Item not found in cart' });
+        }
+
+        const cartItem = user.cart.cartItems[cartItemIndex];
+        user.cart.numberOfItems -= cartItem.quantity;
+        user.cart.total -= (cartItem.quantity * (await Product.findById(productId)).price);
+        if(user.cart.total < 0) user.cart.total = 0
+        user.cart.cartItems.splice(cartItemIndex, 1);
+
+        await User.updateOne({ _id: user._id }, { $set: user })
+
+        return res.status(200).json({ success: true, message: 'Item removed from cart', cart: user.cart });
+    } catch (error) {
+        return res.status(500).json({ message: 'Internal Server Error', error });
+    }
+};
+
+exports.clearCart = async (req, res) => {
+    try {
+        const userId = req.user; 
+
+        const user = await User.findById(userId);
+
+        user.cart.cartItems = [];
+        user.cart.numberOfItems = 0;
+        user.cart.total = 0;
+
+        await User.updateOne({ _id: user._id }, { $set: user })
+
+        return res.status(200).json({ success: true, message: 'Cart cleared', cart: user.cart });
+    } catch (error) {
+        return res.status(500).json({ message: 'Internal Server Error', error });
+    }
+};
+
+exports.getCartByUser = async (req, res) => {
+    try {
+        const userId = req.user; 
+
+        const user = await User.findById(userId);
+
+        return res.status(200).json({ success: true, message: `${user.cart.cartItems.length} items in the cart!`, cart: user.cart });
+    } catch (error) {
+        return res.status(500).json({ message: 'Internal Server Error', error });
+    }
+};
diff --git a/Node-JS-Projects/Advanced/E-Commerce/controllers/CategoryController.js b/projects/node-js/advanced/e-commerce/controllers/CategoryController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/E-Commerce/controllers/CategoryController.js
rename to projects/node-js/advanced/e-commerce/controllers/CategoryController.js
index 57a6b1ba..1683bcc5 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/controllers/CategoryController.js
+++ b/projects/node-js/advanced/e-commerce/controllers/CategoryController.js
@@ -1,111 +1,111 @@
-const { default: mongoose } = require('mongoose');
-const Category = require('../models/Category')
-
-exports.createCategory = async (req, res) => {
-
-    try {
-
-        const {name, image, description} = req.body;
-
-        const data = {
-            name: name, image: image, description: description
-        }
-
-        await Category.create(data)
-
-        res.status(201).json({ success: true, message: "New category has been successfully created!" })
-        
-    }catch (error) {
-        console.log("Failed to create category: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.updateCategory = async (req, res) => {
-    try {
-
-        const {name, image, description} = req.body;
-        const { id } = req.params
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success:false, message: `Category id ${id} is invalid!` })
-        }
-
-        const category = await Category.findOne({ _id: id })
-        if (!category) {
-            return res.status(400).json({ success:false, message: "Category not found with id " + id })
-        }
-
-        const data = {
-            name: name, image: image, description: description
-        }
-
-        await Category.updateOne({ _id: id }, { $set: data })
-
-        res.status(200).json({ success: true, message: "Category has been successfully updated!" })
-        
-    }catch (error) {
-        console.log("Failed to update category: " + error)
-        return res.status(500).json({ success:false, message: "Internal server error" })
-    }
-}
-
-exports.deleteCategory = async (req, res) => {
-    try {
-
-        const { id } = req.params
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success:false, message: `Category id ${id} is invalid!` })
-        }
-
-        const category = await Category.findOne({ _id: id })
-        if (!category) {
-            return res.status(400).json({ success:false, message: "Category not found with id " + id })
-        }
-
-        await Category.deleteOne({ _id: id })
-
-        res.status(200).json({ success: true, message: "Category has been successfully deleted!" })
-        
-    }catch (error) {
-        console.log("Failed to delete category: " + error)
-        return res.status(500).json({ success:false, message: "Internal server error" })
-    }
-}
-
-exports.getAllCategory = async (req, res) => {
-    try {
-
-        const categories = await Category.find()
-
-        res.status(200).json({ success: true, message: `${categories.length} results found!`, response: categories })
-        
-    }catch (error) {
-        console.log("Failed to find categories: " + error)
-        return res.status(500).json({ success:false, message: "Internal server error" })
-    }
-}
-
-exports.getCategoryById = async (req, res) => {
-    try {
-
-        const { id } = req.params
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success:false, message: `Category id ${id} is invalid!` })
-        }
-
-        const category = await Category.findOne({ _id: id })
-        if (!category) {
-            return res.status(400).json({ success:false, message: "Category not found with id " + id })
-        }
-
-        res.status(200).json({ success: true, response: category })
-        
-    }catch (error) {
-        console.log("Failed to find category: " + error)
-        return res.status(500).json({ success:false, message: "Internal server error" })
-    }
+const { default: mongoose } = require('mongoose');
+const Category = require('../models/Category')
+
+exports.createCategory = async (req, res) => {
+
+    try {
+
+        const {name, image, description} = req.body;
+
+        const data = {
+            name: name, image: image, description: description
+        }
+
+        await Category.create(data)
+
+        res.status(201).json({ success: true, message: "New category has been successfully created!" })
+        
+    }catch (error) {
+        console.log("Failed to create category: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.updateCategory = async (req, res) => {
+    try {
+
+        const {name, image, description} = req.body;
+        const { id } = req.params
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success:false, message: `Category id ${id} is invalid!` })
+        }
+
+        const category = await Category.findOne({ _id: id })
+        if (!category) {
+            return res.status(400).json({ success:false, message: "Category not found with id " + id })
+        }
+
+        const data = {
+            name: name, image: image, description: description
+        }
+
+        await Category.updateOne({ _id: id }, { $set: data })
+
+        res.status(200).json({ success: true, message: "Category has been successfully updated!" })
+        
+    }catch (error) {
+        console.log("Failed to update category: " + error)
+        return res.status(500).json({ success:false, message: "Internal server error" })
+    }
+}
+
+exports.deleteCategory = async (req, res) => {
+    try {
+
+        const { id } = req.params
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success:false, message: `Category id ${id} is invalid!` })
+        }
+
+        const category = await Category.findOne({ _id: id })
+        if (!category) {
+            return res.status(400).json({ success:false, message: "Category not found with id " + id })
+        }
+
+        await Category.deleteOne({ _id: id })
+
+        res.status(200).json({ success: true, message: "Category has been successfully deleted!" })
+        
+    }catch (error) {
+        console.log("Failed to delete category: " + error)
+        return res.status(500).json({ success:false, message: "Internal server error" })
+    }
+}
+
+exports.getAllCategory = async (req, res) => {
+    try {
+
+        const categories = await Category.find()
+
+        res.status(200).json({ success: true, message: `${categories.length} results found!`, response: categories })
+        
+    }catch (error) {
+        console.log("Failed to find categories: " + error)
+        return res.status(500).json({ success:false, message: "Internal server error" })
+    }
+}
+
+exports.getCategoryById = async (req, res) => {
+    try {
+
+        const { id } = req.params
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success:false, message: `Category id ${id} is invalid!` })
+        }
+
+        const category = await Category.findOne({ _id: id })
+        if (!category) {
+            return res.status(400).json({ success:false, message: "Category not found with id " + id })
+        }
+
+        res.status(200).json({ success: true, response: category })
+        
+    }catch (error) {
+        console.log("Failed to find category: " + error)
+        return res.status(500).json({ success:false, message: "Internal server error" })
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/controllers/OrderController.js b/projects/node-js/advanced/e-commerce/controllers/OrderController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/E-Commerce/controllers/OrderController.js
rename to projects/node-js/advanced/e-commerce/controllers/OrderController.js
index 0c98a1de..5d74b0ee 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/controllers/OrderController.js
+++ b/projects/node-js/advanced/e-commerce/controllers/OrderController.js
@@ -1,139 +1,139 @@
-const User = require('../models/User');
-const Order = require('../models/Order');
-const { default: mongoose } = require('mongoose');
-
-exports.createOrder = async (req, res) => {
-
-    try {
-        const userId = req.user;
-        const { shipAddress1, shipAddress2, shipToCity, phone } = req.body;
-
-        const user = await User.findById(userId);
-        const cart = user.cart
-
-        if (user.cart.cartItems.length === 0) {
-            res.status(404).json({ success: false, message: "No items in the cart!" })
-        }
-
-        const orderItems = cart.cartItems.map(item => ({
-            productId: item.productId,
-            quantity: item.quantity,
-            price: item.quantity * item.price
-        }));
-
-        const total = orderItems.reduce((sum, item) => sum + item.price, 0);
-
-        const newOrder = new Order({
-            userId,
-            items: orderItems,
-            total,
-            status: 'Pending',
-            shipAddress1,
-            shipAddress2,
-            shipToCity,
-            phone
-        });
-
-        await Order.create(newOrder);
-        user.cart.cartItems = [];
-        user.cart.numberOfItems = 0;
-        user.cart.total = 0;
-
-        await User.updateOne({ _id: user._id }, { $set: user })
-
-        res.status(201).json({ success: true, message: "New order has been successfully created!" })
-
-    } catch (error) {
-        console.log("Failed to create order: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-};
-
-exports.updateStatus = async (req, res) => {
-    try {
-        const { orderId, status } = req.body;
-
-        if (!['Pending', 'Processed', 'Shipped', 'Delivered', 'Cancelled'].includes(status)) {
-            return res.status(400).json({ message: 'Invalid status value' });
-        }
-
-        const order = await Order.findById(orderId);
-        if (!order) {
-            return res.status(404).json({ message: 'Order not found' });
-        }
-
-        order.status = status;
-        order.updatedAt = Date.now();
-
-        await Order.updateOne({ _id: orderId }, { $set: order })
-
-        return res.status(200).json({ success: true, message: 'Order status updated', order: order });
-    } catch (error) {
-        console.log("Failed to update order status: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getAllOrders = async (req, res) => {
-    try {
-        const orders = await Order.find();
-
-        return res.status(200).json({ success: true, message: `${orders.length} orders found!`, orders });
-    } catch (error) {
-        console.log("Failed to fetch all orders: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getOrderByUser = async (req, res) => {
-    try {
-        const { id } = req.params;
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success:false, message: `Order id ${id} is invalid!` })
-        }
-
-        const orders = await Order.find({ userId: id })
-
-        return res.status(200).json({ success: true, message: `${orders.length} orders found!`, orders });
-    } catch (error) {
-        console.log("Failed to fetch orders by user: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getOrderByStatus = async (req, res) => {
-    try {
-        const { status } = req.params;
-
-        const orders = await Order.find({ status: status })
-
-        return res.status(200).json({ success: true, message: `${orders.length} orders found!`, orders });
-    } catch (error) {
-        console.log("Failed to fetch orders by user: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getOrderById = async (req, res) => {
-    try {
-
-        const { id } = req.params
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success:false, message: `Order id ${id} is invalid!` })
-        }
-
-        const order = await Order.findOne({ _id: id })
-        if (!order) {
-            return res.status(400).json({ success:false, message: "Order not found with id " + id })
-        }
-
-        res.status(200).json({ success: true, order: order })
-        
-    }catch (error) {
-        console.log("Failed to find order: " + error)
-        return res.status(500).json({ success:false, message: "Internal server error" })
-    }
-}
+const User = require('../models/User');
+const Order = require('../models/Order');
+const { default: mongoose } = require('mongoose');
+
+exports.createOrder = async (req, res) => {
+
+    try {
+        const userId = req.user;
+        const { shipAddress1, shipAddress2, shipToCity, phone } = req.body;
+
+        const user = await User.findById(userId);
+        const cart = user.cart
+
+        if (user.cart.cartItems.length === 0) {
+            res.status(404).json({ success: false, message: "No items in the cart!" })
+        }
+
+        const orderItems = cart.cartItems.map(item => ({
+            productId: item.productId,
+            quantity: item.quantity,
+            price: item.quantity * item.price
+        }));
+
+        const total = orderItems.reduce((sum, item) => sum + item.price, 0);
+
+        const newOrder = new Order({
+            userId,
+            items: orderItems,
+            total,
+            status: 'Pending',
+            shipAddress1,
+            shipAddress2,
+            shipToCity,
+            phone
+        });
+
+        await Order.create(newOrder);
+        user.cart.cartItems = [];
+        user.cart.numberOfItems = 0;
+        user.cart.total = 0;
+
+        await User.updateOne({ _id: user._id }, { $set: user })
+
+        res.status(201).json({ success: true, message: "New order has been successfully created!" })
+
+    } catch (error) {
+        console.log("Failed to create order: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+};
+
+exports.updateStatus = async (req, res) => {
+    try {
+        const { orderId, status } = req.body;
+
+        if (!['Pending', 'Processed', 'Shipped', 'Delivered', 'Cancelled'].includes(status)) {
+            return res.status(400).json({ message: 'Invalid status value' });
+        }
+
+        const order = await Order.findById(orderId);
+        if (!order) {
+            return res.status(404).json({ message: 'Order not found' });
+        }
+
+        order.status = status;
+        order.updatedAt = Date.now();
+
+        await Order.updateOne({ _id: orderId }, { $set: order })
+
+        return res.status(200).json({ success: true, message: 'Order status updated', order: order });
+    } catch (error) {
+        console.log("Failed to update order status: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getAllOrders = async (req, res) => {
+    try {
+        const orders = await Order.find();
+
+        return res.status(200).json({ success: true, message: `${orders.length} orders found!`, orders });
+    } catch (error) {
+        console.log("Failed to fetch all orders: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getOrderByUser = async (req, res) => {
+    try {
+        const { id } = req.params;
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success:false, message: `Order id ${id} is invalid!` })
+        }
+
+        const orders = await Order.find({ userId: id })
+
+        return res.status(200).json({ success: true, message: `${orders.length} orders found!`, orders });
+    } catch (error) {
+        console.log("Failed to fetch orders by user: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getOrderByStatus = async (req, res) => {
+    try {
+        const { status } = req.params;
+
+        const orders = await Order.find({ status: status })
+
+        return res.status(200).json({ success: true, message: `${orders.length} orders found!`, orders });
+    } catch (error) {
+        console.log("Failed to fetch orders by user: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getOrderById = async (req, res) => {
+    try {
+
+        const { id } = req.params
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success:false, message: `Order id ${id} is invalid!` })
+        }
+
+        const order = await Order.findOne({ _id: id })
+        if (!order) {
+            return res.status(400).json({ success:false, message: "Order not found with id " + id })
+        }
+
+        res.status(200).json({ success: true, order: order })
+        
+    }catch (error) {
+        console.log("Failed to find order: " + error)
+        return res.status(500).json({ success:false, message: "Internal server error" })
+    }
+}
diff --git a/Node-JS-Projects/Advanced/E-Commerce/controllers/ProductController.js b/projects/node-js/advanced/e-commerce/controllers/ProductController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/E-Commerce/controllers/ProductController.js
rename to projects/node-js/advanced/e-commerce/controllers/ProductController.js
index e4419ffb..ee46cd3a 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/controllers/ProductController.js
+++ b/projects/node-js/advanced/e-commerce/controllers/ProductController.js
@@ -1,155 +1,155 @@
-const Product = require('../models/Product')
-const Category = require('../models/Category');
-const { default: mongoose } = require('mongoose');
-
-exports.createProduct = async (req, res) => {
-
-    try {
-
-        const { name, image, description, price, category } = req.body;
-
-        const categoryFromDB = await Category.findOne({ _id: category })
-        if (!categoryFromDB) {
-            return res.status(400).json({ message: "Category not found with id " + category })
-        }
-
-        const data = {
-            name: name, image: image, description: description, price: price, category: category
-        }
-
-        await Product.create(data)
-
-        res.status(201).json({ success: true, message: "New product has been successfully created!" })
-
-    } catch (error) {
-        console.log("Failed to create product: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-
-}
-
-exports.updateProduct = async (req, res) => {
-    try {
-
-        const { name, image, description, price, category } = req.body;
-        const { id } = req.params
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success: false, message: `Product id ${id} is invalid!` })
-        }
-
-        const product = await Product.findOne({ _id: id })
-        if (!product) {
-            return res.status(400).json({ message: "Product not found with id " + id })
-        }
-
-        const categoryFromDB = await Category.findOne({ _id: category })
-        if (!categoryFromDB) {
-            return res.status(400).json({ message: "Category not found with id " + category })
-        }
-
-        const data = {
-            name: name, image: image, description: description, price: price, category: category
-        }
-
-        await Product.updateOne({ _id: id }, { $set: data })
-
-        res.status(200).json({ success: true, message: "Product has been successfully updated!" })
-
-    } catch (error) {
-        console.log("Failed to update product: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.deleteProduct = async (req, res) => {
-    try {
-
-        const { id } = req.params
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success: false, message: `Product id ${id} is invalid!` })
-        }
-
-        const product = await Product.findOne({ _id: id })
-        if (!product) {
-            return res.status(400).json({ message: "Product not found with id " + id })
-        }
-
-        await Product.deleteOne({ _id: id })
-
-        res.status(200).json({ success: true, message: "Product has been successfully deleted!" })
-
-    } catch (error) {
-        console.log("Failed to delete product: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getAllProduct = async (req, res) => {
-    try {
-
-        const products = await Product.find().populate('category')
-
-        res.status(200).json({ success: true, message: `${products.length} results found!`, response: products })
-
-    } catch (error) {
-        console.log("Failed to find categories: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.getProductById = async (req, res) => {
-    try {
-
-        const { id } = req.params
-
-        if (!mongoose.Types.ObjectId.isValid(id)) {
-            return res.status(400).json({ success: false, message: `Product id ${id} is invalid!` })
-        }
-
-        const product = await Product.findOne({ _id: id }).populate('category')
-        if (!product) {
-            return res.status(400).json({ message: "Product not found with id " + id })
-        }
-
-        res.status(200).json({ success: true, response: product })
-
-    } catch (error) {
-        console.log("Failed to find product: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
-
-exports.filterProducts = async (req, res) => {
-    try {
-
-        const { categoryId, key, minPrice, maxPrice } = req.query
-
-        const query = {};
-
-        if (categoryId) {
-            query.category = categoryId;
-        }
-
-        if (key) {
-            const regex = new RegExp(key, 'i');
-            query.$or = [
-                { name: { $regex: regex } },
-                { description: { $regex: regex } },
-            ];
-        }
-
-        if (minPrice !== undefined && maxPrice !== undefined) {
-            query.price = { $gte: minPrice, $lte: maxPrice };
-        }
-
-        const products = await Product.find(query).populate('category');
-
-        res.status(200).json({ success: true, message: `${products.length} results found!`, response: products })
-
-    } catch (error) {
-        console.log("Failed to find categories: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
+const Product = require('../models/Product')
+const Category = require('../models/Category');
+const { default: mongoose } = require('mongoose');
+
+exports.createProduct = async (req, res) => {
+
+    try {
+
+        const { name, image, description, price, category } = req.body;
+
+        const categoryFromDB = await Category.findOne({ _id: category })
+        if (!categoryFromDB) {
+            return res.status(400).json({ message: "Category not found with id " + category })
+        }
+
+        const data = {
+            name: name, image: image, description: description, price: price, category: category
+        }
+
+        await Product.create(data)
+
+        res.status(201).json({ success: true, message: "New product has been successfully created!" })
+
+    } catch (error) {
+        console.log("Failed to create product: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+
+}
+
+exports.updateProduct = async (req, res) => {
+    try {
+
+        const { name, image, description, price, category } = req.body;
+        const { id } = req.params
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success: false, message: `Product id ${id} is invalid!` })
+        }
+
+        const product = await Product.findOne({ _id: id })
+        if (!product) {
+            return res.status(400).json({ message: "Product not found with id " + id })
+        }
+
+        const categoryFromDB = await Category.findOne({ _id: category })
+        if (!categoryFromDB) {
+            return res.status(400).json({ message: "Category not found with id " + category })
+        }
+
+        const data = {
+            name: name, image: image, description: description, price: price, category: category
+        }
+
+        await Product.updateOne({ _id: id }, { $set: data })
+
+        res.status(200).json({ success: true, message: "Product has been successfully updated!" })
+
+    } catch (error) {
+        console.log("Failed to update product: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.deleteProduct = async (req, res) => {
+    try {
+
+        const { id } = req.params
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success: false, message: `Product id ${id} is invalid!` })
+        }
+
+        const product = await Product.findOne({ _id: id })
+        if (!product) {
+            return res.status(400).json({ message: "Product not found with id " + id })
+        }
+
+        await Product.deleteOne({ _id: id })
+
+        res.status(200).json({ success: true, message: "Product has been successfully deleted!" })
+
+    } catch (error) {
+        console.log("Failed to delete product: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getAllProduct = async (req, res) => {
+    try {
+
+        const products = await Product.find().populate('category')
+
+        res.status(200).json({ success: true, message: `${products.length} results found!`, response: products })
+
+    } catch (error) {
+        console.log("Failed to find categories: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.getProductById = async (req, res) => {
+    try {
+
+        const { id } = req.params
+
+        if (!mongoose.Types.ObjectId.isValid(id)) {
+            return res.status(400).json({ success: false, message: `Product id ${id} is invalid!` })
+        }
+
+        const product = await Product.findOne({ _id: id }).populate('category')
+        if (!product) {
+            return res.status(400).json({ message: "Product not found with id " + id })
+        }
+
+        res.status(200).json({ success: true, response: product })
+
+    } catch (error) {
+        console.log("Failed to find product: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
+
+exports.filterProducts = async (req, res) => {
+    try {
+
+        const { categoryId, key, minPrice, maxPrice } = req.query
+
+        const query = {};
+
+        if (categoryId) {
+            query.category = categoryId;
+        }
+
+        if (key) {
+            const regex = new RegExp(key, 'i');
+            query.$or = [
+                { name: { $regex: regex } },
+                { description: { $regex: regex } },
+            ];
+        }
+
+        if (minPrice !== undefined && maxPrice !== undefined) {
+            query.price = { $gte: minPrice, $lte: maxPrice };
+        }
+
+        const products = await Product.find(query).populate('category');
+
+        res.status(200).json({ success: true, message: `${products.length} results found!`, response: products })
+
+    } catch (error) {
+        console.log("Failed to find categories: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/controllers/UserController.js b/projects/node-js/advanced/e-commerce/controllers/UserController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/E-Commerce/controllers/UserController.js
rename to projects/node-js/advanced/e-commerce/controllers/UserController.js
index 5d7e7d10..57d231c6 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/controllers/UserController.js
+++ b/projects/node-js/advanced/e-commerce/controllers/UserController.js
@@ -1,78 +1,78 @@
-const User = require('../models/User');
-
-exports.getUserById = async (req, res) => {
-    const { id } = req.params;
-
-    try {
-        const user = await User.findById(id);
-        if (!user) {
-            return res.status(404).json({ success: false, message: 'User not found' });
-        }
-        res.status(200).json({ success: true, user });
-    } catch (error) {
-        console.error(error);
-        res.status(500).json({ success: false, message: 'Server Error' });
-    }
-};
-
-exports.getAllUsers = async (req, res) => {
-    try {
-        const users = await User.find();
-        res.status(200).json({ success: true, users });
-    } catch (error) {
-        console.error(error);
-        res.status(500).json({ success: false, message: 'Server Error' });
-    }
-};
-
-exports.getUsersByRole = async (req, res) => {
-    const { role } = req.params;
-
-    try {
-        const users = await User.find({ roles: { $in: [role] } });
-        res.status(200).json({ success: true, users });
-    } catch (error) {
-        console.error(error);
-        res.status(500).json({ success: false, message: 'Server Error' });
-    }
-};
-
-exports.changePassword = async (req, res) => {
-    const userId = req.user;
-    const { currentPassword, newPassword } = req.body;
-
-    try {
-        const user = await User.findById(userId);
-        if (!user) {
-            return res.status(404).json({ success: false, message: 'User not found' });
-        }
-
-        const isMatch = await user.comparePassword(currentPassword);
-        if (!isMatch) {
-            return res.status(400).json({ success: false, message: 'Current password is incorrect' });
-        }
-
-        user.password = await bcrypt.hash(newPassword, 10);
-        await user.save();
-
-        res.status(200).json({ success: true, message: 'Password updated successfully' });
-    } catch (error) {
-        console.error(error);
-        res.status(500).json({ success: false, message: 'Server Error' });
-    }
-};
-
-exports.deleteUser = async (req, res) => {
-    const userId = req.user;
-
-    try {
-        const user = await User.findByIdAndDelete(id);
-        if (!user) {
-            return res.status(404).json({ success: false, message: 'User not found' });
-        }
-        res.status(200).json({ success: true, message: 'User deleted successfully' });
-    } catch (error) {
-        console.error(error);
-        res.status(500).json({ success: false, message: 'Server Error' });
-    }
-};
+const User = require('../models/User');
+
+exports.getUserById = async (req, res) => {
+    const { id } = req.params;
+
+    try {
+        const user = await User.findById(id);
+        if (!user) {
+            return res.status(404).json({ success: false, message: 'User not found' });
+        }
+        res.status(200).json({ success: true, user });
+    } catch (error) {
+        console.error(error);
+        res.status(500).json({ success: false, message: 'Server Error' });
+    }
+};
+
+exports.getAllUsers = async (req, res) => {
+    try {
+        const users = await User.find();
+        res.status(200).json({ success: true, users });
+    } catch (error) {
+        console.error(error);
+        res.status(500).json({ success: false, message: 'Server Error' });
+    }
+};
+
+exports.getUsersByRole = async (req, res) => {
+    const { role } = req.params;
+
+    try {
+        const users = await User.find({ roles: { $in: [role] } });
+        res.status(200).json({ success: true, users });
+    } catch (error) {
+        console.error(error);
+        res.status(500).json({ success: false, message: 'Server Error' });
+    }
+};
+
+exports.changePassword = async (req, res) => {
+    const userId = req.user;
+    const { currentPassword, newPassword } = req.body;
+
+    try {
+        const user = await User.findById(userId);
+        if (!user) {
+            return res.status(404).json({ success: false, message: 'User not found' });
+        }
+
+        const isMatch = await user.comparePassword(currentPassword);
+        if (!isMatch) {
+            return res.status(400).json({ success: false, message: 'Current password is incorrect' });
+        }
+
+        user.password = await bcrypt.hash(newPassword, 10);
+        await user.save();
+
+        res.status(200).json({ success: true, message: 'Password updated successfully' });
+    } catch (error) {
+        console.error(error);
+        res.status(500).json({ success: false, message: 'Server Error' });
+    }
+};
+
+exports.deleteUser = async (req, res) => {
+    const userId = req.user;
+
+    try {
+        const user = await User.findByIdAndDelete(id);
+        if (!user) {
+            return res.status(404).json({ success: false, message: 'User not found' });
+        }
+        res.status(200).json({ success: true, message: 'User deleted successfully' });
+    } catch (error) {
+        console.error(error);
+        res.status(500).json({ success: false, message: 'Server Error' });
+    }
+};
diff --git a/Node-JS-Projects/Advanced/E-Commerce/controllers/WishlistController.js b/projects/node-js/advanced/e-commerce/controllers/WishlistController.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/controllers/WishlistController.js
rename to projects/node-js/advanced/e-commerce/controllers/WishlistController.js
index 378bc7ab..f8dce40e 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/controllers/WishlistController.js
+++ b/projects/node-js/advanced/e-commerce/controllers/WishlistController.js
@@ -1,53 +1,53 @@
-const User = require("../models/User")
-const Product = require('../models/Product')
-
-exports.addOrRemoveItem = async (req, res) => {
-
-    try {
-
-        const { product } = req.body
-        const userId = req.user
-
-        const productFromDb = await Product.findOne({ _id: product })
-        if (!productFromDb) {
-            return res.status(400).json({ success: false, message: "Product not found with id " + product })
-        }
-
-        let user = await User.findOne({ _id: userId })
-
-        if (user.wishlist.includes(product)) {
-            user.wishlist.remove(product)
-            await User.updateOne({ _id: user._id }, { $set: user })
-            console.log(user.wishlist)
-            res.status(200).json({ success: true, message: "Product removed successfully from wishlist!", wishlist: user.wishlist })
-        } else {
-            user.wishlist.push(product)
-            await User.updateOne({ _id: user._id }, { $set: user })
-            console.log(user.wishlist)
-
-            res.status(200).json({ success: true, message: "Product added successfully to wishlist!", wishlist: user.wishlist })
-        }
-
-    } catch (error) {
-        console.log("Failed to add/remove item to wishlist: " + error)
-        return res.status(500).json({ success: false, message: "Internal server error" })
-    }
-
-}
-
-exports.getbyUser = async (req, res) => {
-
-    try {
-
-        const userId = req.user
-
-        let user = await User.findOne({ _id: userId })
-
-        res.status(200).json({ success: true, message: `${user.wishlist.length} items in the wishlist!`, wishlist: user.wishlist })
-
-    } catch (error) {
-        console.log("Failed to fetch wishlist by user: " + error)
-        return res.status(500).json({ success: false, message: "Internal server error" })
-    }
-
-}
+const User = require("../models/User")
+const Product = require('../models/Product')
+
+exports.addOrRemoveItem = async (req, res) => {
+
+    try {
+
+        const { product } = req.body
+        const userId = req.user
+
+        const productFromDb = await Product.findOne({ _id: product })
+        if (!productFromDb) {
+            return res.status(400).json({ success: false, message: "Product not found with id " + product })
+        }
+
+        let user = await User.findOne({ _id: userId })
+
+        if (user.wishlist.includes(product)) {
+            user.wishlist.remove(product)
+            await User.updateOne({ _id: user._id }, { $set: user })
+            console.log(user.wishlist)
+            res.status(200).json({ success: true, message: "Product removed successfully from wishlist!", wishlist: user.wishlist })
+        } else {
+            user.wishlist.push(product)
+            await User.updateOne({ _id: user._id }, { $set: user })
+            console.log(user.wishlist)
+
+            res.status(200).json({ success: true, message: "Product added successfully to wishlist!", wishlist: user.wishlist })
+        }
+
+    } catch (error) {
+        console.log("Failed to add/remove item to wishlist: " + error)
+        return res.status(500).json({ success: false, message: "Internal server error" })
+    }
+
+}
+
+exports.getbyUser = async (req, res) => {
+
+    try {
+
+        const userId = req.user
+
+        let user = await User.findOne({ _id: userId })
+
+        res.status(200).json({ success: true, message: `${user.wishlist.length} items in the wishlist!`, wishlist: user.wishlist })
+
+    } catch (error) {
+        console.log("Failed to fetch wishlist by user: " + error)
+        return res.status(500).json({ success: false, message: "Internal server error" })
+    }
+
+}
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/auth_login.png b/projects/node-js/advanced/e-commerce/images/auth_login.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/auth_login.png
rename to projects/node-js/advanced/e-commerce/images/auth_login.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/auth_refreshtoken.png b/projects/node-js/advanced/e-commerce/images/auth_refreshtoken.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/auth_refreshtoken.png
rename to projects/node-js/advanced/e-commerce/images/auth_refreshtoken.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/auth_register.png b/projects/node-js/advanced/e-commerce/images/auth_register.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/auth_register.png
rename to projects/node-js/advanced/e-commerce/images/auth_register.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/auth_resend.png b/projects/node-js/advanced/e-commerce/images/auth_resend.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/auth_resend.png
rename to projects/node-js/advanced/e-commerce/images/auth_resend.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/auth_resend_account_blocked.png b/projects/node-js/advanced/e-commerce/images/auth_resend_account_blocked.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/auth_resend_account_blocked.png
rename to projects/node-js/advanced/e-commerce/images/auth_resend_account_blocked.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/auth_verifyOTP.png b/projects/node-js/advanced/e-commerce/images/auth_verifyOTP.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/auth_verifyOTP.png
rename to projects/node-js/advanced/e-commerce/images/auth_verifyOTP.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/cart_add.png b/projects/node-js/advanced/e-commerce/images/cart_add.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/cart_add.png
rename to projects/node-js/advanced/e-commerce/images/cart_add.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/cart_clear.png b/projects/node-js/advanced/e-commerce/images/cart_clear.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/cart_clear.png
rename to projects/node-js/advanced/e-commerce/images/cart_clear.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/cart_get_by_user.png b/projects/node-js/advanced/e-commerce/images/cart_get_by_user.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/cart_get_by_user.png
rename to projects/node-js/advanced/e-commerce/images/cart_get_by_user.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/cart_remove_item.png b/projects/node-js/advanced/e-commerce/images/cart_remove_item.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/cart_remove_item.png
rename to projects/node-js/advanced/e-commerce/images/cart_remove_item.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/cart_update_qty.png b/projects/node-js/advanced/e-commerce/images/cart_update_qty.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/cart_update_qty.png
rename to projects/node-js/advanced/e-commerce/images/cart_update_qty.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/category_all.png b/projects/node-js/advanced/e-commerce/images/category_all.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/category_all.png
rename to projects/node-js/advanced/e-commerce/images/category_all.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/category_create.png b/projects/node-js/advanced/e-commerce/images/category_create.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/category_create.png
rename to projects/node-js/advanced/e-commerce/images/category_create.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/category_delete.png b/projects/node-js/advanced/e-commerce/images/category_delete.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/category_delete.png
rename to projects/node-js/advanced/e-commerce/images/category_delete.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/category_id.png b/projects/node-js/advanced/e-commerce/images/category_id.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/category_id.png
rename to projects/node-js/advanced/e-commerce/images/category_id.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/category_update.png b/projects/node-js/advanced/e-commerce/images/category_update.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/category_update.png
rename to projects/node-js/advanced/e-commerce/images/category_update.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/order_create.png b/projects/node-js/advanced/e-commerce/images/order_create.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/order_create.png
rename to projects/node-js/advanced/e-commerce/images/order_create.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/order_get_all.png b/projects/node-js/advanced/e-commerce/images/order_get_all.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/order_get_all.png
rename to projects/node-js/advanced/e-commerce/images/order_get_all.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/order_get_by_status.png b/projects/node-js/advanced/e-commerce/images/order_get_by_status.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/order_get_by_status.png
rename to projects/node-js/advanced/e-commerce/images/order_get_by_status.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/order_get_by_user.png b/projects/node-js/advanced/e-commerce/images/order_get_by_user.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/order_get_by_user.png
rename to projects/node-js/advanced/e-commerce/images/order_get_by_user.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/order_getbyid.png b/projects/node-js/advanced/e-commerce/images/order_getbyid.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/order_getbyid.png
rename to projects/node-js/advanced/e-commerce/images/order_getbyid.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/order_update_status.png b/projects/node-js/advanced/e-commerce/images/order_update_status.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/order_update_status.png
rename to projects/node-js/advanced/e-commerce/images/order_update_status.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/product_create.png b/projects/node-js/advanced/e-commerce/images/product_create.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/product_create.png
rename to projects/node-js/advanced/e-commerce/images/product_create.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/product_delete.png b/projects/node-js/advanced/e-commerce/images/product_delete.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/product_delete.png
rename to projects/node-js/advanced/e-commerce/images/product_delete.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/product_filter.png b/projects/node-js/advanced/e-commerce/images/product_filter.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/product_filter.png
rename to projects/node-js/advanced/e-commerce/images/product_filter.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/product_get_all.png b/projects/node-js/advanced/e-commerce/images/product_get_all.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/product_get_all.png
rename to projects/node-js/advanced/e-commerce/images/product_get_all.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/product_id.png b/projects/node-js/advanced/e-commerce/images/product_id.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/product_id.png
rename to projects/node-js/advanced/e-commerce/images/product_id.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/product_update.png b/projects/node-js/advanced/e-commerce/images/product_update.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/product_update.png
rename to projects/node-js/advanced/e-commerce/images/product_update.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/wishlist_add.png b/projects/node-js/advanced/e-commerce/images/wishlist_add.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/wishlist_add.png
rename to projects/node-js/advanced/e-commerce/images/wishlist_add.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/wishlist_get+by_user.png b/projects/node-js/advanced/e-commerce/images/wishlist_get+by_user.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/wishlist_get+by_user.png
rename to projects/node-js/advanced/e-commerce/images/wishlist_get+by_user.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/images/wishlist_remove.png b/projects/node-js/advanced/e-commerce/images/wishlist_remove.png
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/images/wishlist_remove.png
rename to projects/node-js/advanced/e-commerce/images/wishlist_remove.png
diff --git a/Node-JS-Projects/Advanced/E-Commerce/middlewares/authentication.js b/projects/node-js/advanced/e-commerce/middlewares/authentication.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/middlewares/authentication.js
rename to projects/node-js/advanced/e-commerce/middlewares/authentication.js
index c89a43d5..b5f885fa 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/middlewares/authentication.js
+++ b/projects/node-js/advanced/e-commerce/middlewares/authentication.js
@@ -1,29 +1,29 @@
-require('dotenv').config();
-const jwt = require('jsonwebtoken')
-
-exports.Authenticate = (permissions = []) => {
-    return (req, res, next) => {
-        const token = req.headers['authorization']
-    
-        if (!token) {
-            return res.status(401).json({message: 'Unauthorized access: Token is required!'})
-        }
-    
-        jwt.verify(token, process.env.JWT_SECRET_KEY, (err, user) => {
-            if (err) {
-                if (err.name === 'TokenExpiredError') {
-                    return res.status(401).json({message: 'Unauthorized access: Token has expired!'})
-                }
-                else {
-                    return res.status(401).json({message: 'Unauthorized access: Invalid token!'})
-                }
-            }
-            console.log(user)
-            if (!permissions.some(role => user.roles.indexOf(role) !== -1)) {
-                return res.status(401).json({message: 'Unauthorized access: Insufficient permissions!'})
-            }
-            req.user = user.userId
-            next()
-        })
-    }
+require('dotenv').config();
+const jwt = require('jsonwebtoken')
+
+exports.Authenticate = (permissions = []) => {
+    return (req, res, next) => {
+        const token = req.headers['authorization']
+    
+        if (!token) {
+            return res.status(401).json({message: 'Unauthorized access: Token is required!'})
+        }
+    
+        jwt.verify(token, process.env.JWT_SECRET_KEY, (err, user) => {
+            if (err) {
+                if (err.name === 'TokenExpiredError') {
+                    return res.status(401).json({message: 'Unauthorized access: Token has expired!'})
+                }
+                else {
+                    return res.status(401).json({message: 'Unauthorized access: Invalid token!'})
+                }
+            }
+            console.log(user)
+            if (!permissions.some(role => user.roles.indexOf(role) !== -1)) {
+                return res.status(401).json({message: 'Unauthorized access: Insufficient permissions!'})
+            }
+            req.user = user.userId
+            next()
+        })
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/middlewares/validator.js b/projects/node-js/advanced/e-commerce/middlewares/validator.js
similarity index 96%
rename from Node-JS-Projects/Advanced/E-Commerce/middlewares/validator.js
rename to projects/node-js/advanced/e-commerce/middlewares/validator.js
index 5a14396a..08b4081e 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/middlewares/validator.js
+++ b/projects/node-js/advanced/e-commerce/middlewares/validator.js
@@ -1,195 +1,195 @@
-const mongoose = require('mongoose')
-
-const Role = require('../models/Role')
-
-exports.validateRegister = () => {
-    return async (req, res, next) => {
-
-        const {username, email, password, roles} = req.body;
-        const errors = {}
-    
-        if (username.trim() === "") {
-            errors.username = "Username is required!"
-        }else if(username.trim().length <= 3) {
-            errors.username = "Username must have atleast 4 characters!"
-        }
-    
-        if (email.trim() === "") {
-            errors.email = "Email is required!"
-        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
-            errors.email = "Invalid email address!"
-        }
-    
-        if (password.trim() === "") {
-            errors.password = "Password is required!"
-        }else if(password.trim().length < 8) {
-            errors.password = "Password must have atleast 8 characters!"
-        }
-    
-        if (!roles) {
-            console.log(roles)
-            req.body.roles = ['user']
-        }
-        else if (!Array.isArray(roles)) {
-            errors.role = "Roles should be an array!"
-        }else {
-            for (const role of roles) {
-                const r = await Role.findOne({ name: role });
-                if (!r) {
-                    errors.role = `Role ${role} does not exist!`;
-                }
-            }
-        }
-    
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
-
-exports.validateLogin = () => {
-    return (req, res, next) => {
-
-        const {email, password} = req.body;
-        const errors = {}
-    
-        if (email.trim() === "") {
-            errors.email = "Email is required!"
-        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
-            errors.email = "Invalid email address!"
-        }
-
-        if (password.trim() === "") {
-            errors.password = "Password is required!"
-        }
-    
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
-
-exports.validateRefreshToken = () => {
-    return (req, res, next) => {
-
-        const {token} = req.body;
-        const errors = {}
-    
-        if (!token) {
-            errors.Token = "Token is required!"
-        }
-    
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
-
-exports.validateCategory = () => {
-    return (req, res, next) => {
-        const {name, image, description} = req.body;
-        const errors = []
-
-        if (!name) {
-            errors.name = "Category name is required!"
-        }
-        if (!image) {
-            errors.image = "Category image is required!"
-        }
-        if (!description) {
-            errors.description = "Category description is required!"
-        }
-
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
-
-exports.validateProduct = () => {
-    return (req, res, next) => {
-        const {name, image, description, price, category} = req.body;
-        const errors = []
-
-        if (!name) {
-            errors.name = "Product name is required!"
-        }
-        if (!image) {
-            errors.image = "Product image is required!"
-        }
-        if (!description) {
-            errors.description = "Product description is required!"
-        }
-        if (!price) {
-            errors.price = "Product price is required!"
-        }else if (isNaN(price)) {
-            errors.price = "Product price is invalid!"
-        }
-        if (!mongoose.Types.ObjectId.isValid(category)) {
-            errors.category = "Category id is invalid!"
-        }
-
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
-
-exports.validateCart = () => {
-    return (req, res, next) => {
-        const {productId, quantity} = req.body;
-        const errors = []
-
-        if (!productId) {
-            errors.product = "Product id is required!"
-        }else if (!mongoose.Types.ObjectId.isValid(productId)) {
-            errors.product = "Product id is invalid!"
-        }
-        if (!quantity) {
-            errors.quantity = "Quantity is required!"
-        }else if (!/^[1-9]\d*$/.test(quantity)) {
-            errors.quantity = "Quantity must be an integer!"
-        }
-
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
-
-exports.validateOrder= () => {
-    return (req, res, next) => {
-        const { shipAddress1, shipAddress2, shipToCity, phone } = req.body;
-        const errors = []
-
-        if (!shipAddress1) {
-            errors.shipAddress1 = "shipAddress1 is required!"
-        }
-        if (!shipToCity) {
-            errors.shipToCity = "shipToCity is required!"
-        }
-        if (!phone) {
-            errors.phone = "phone is required!"
-        }else if (!/^\+?[1-9]\d{1,14}$/.test(phoneInput.value)) {
-            errors.phone = "Invalid phone number!"
-        }
-
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
+const mongoose = require('mongoose')
+
+const Role = require('../models/Role')
+
+exports.validateRegister = () => {
+    return async (req, res, next) => {
+
+        const {username, email, password, roles} = req.body;
+        const errors = {}
+    
+        if (username.trim() === "") {
+            errors.username = "Username is required!"
+        }else if(username.trim().length <= 3) {
+            errors.username = "Username must have atleast 4 characters!"
+        }
+    
+        if (email.trim() === "") {
+            errors.email = "Email is required!"
+        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
+            errors.email = "Invalid email address!"
+        }
+    
+        if (password.trim() === "") {
+            errors.password = "Password is required!"
+        }else if(password.trim().length < 8) {
+            errors.password = "Password must have atleast 8 characters!"
+        }
+    
+        if (!roles) {
+            console.log(roles)
+            req.body.roles = ['user']
+        }
+        else if (!Array.isArray(roles)) {
+            errors.role = "Roles should be an array!"
+        }else {
+            for (const role of roles) {
+                const r = await Role.findOne({ name: role });
+                if (!r) {
+                    errors.role = `Role ${role} does not exist!`;
+                }
+            }
+        }
+    
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
+
+exports.validateLogin = () => {
+    return (req, res, next) => {
+
+        const {email, password} = req.body;
+        const errors = {}
+    
+        if (email.trim() === "") {
+            errors.email = "Email is required!"
+        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
+            errors.email = "Invalid email address!"
+        }
+
+        if (password.trim() === "") {
+            errors.password = "Password is required!"
+        }
+    
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
+
+exports.validateRefreshToken = () => {
+    return (req, res, next) => {
+
+        const {token} = req.body;
+        const errors = {}
+    
+        if (!token) {
+            errors.Token = "Token is required!"
+        }
+    
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
+
+exports.validateCategory = () => {
+    return (req, res, next) => {
+        const {name, image, description} = req.body;
+        const errors = []
+
+        if (!name) {
+            errors.name = "Category name is required!"
+        }
+        if (!image) {
+            errors.image = "Category image is required!"
+        }
+        if (!description) {
+            errors.description = "Category description is required!"
+        }
+
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
+
+exports.validateProduct = () => {
+    return (req, res, next) => {
+        const {name, image, description, price, category} = req.body;
+        const errors = []
+
+        if (!name) {
+            errors.name = "Product name is required!"
+        }
+        if (!image) {
+            errors.image = "Product image is required!"
+        }
+        if (!description) {
+            errors.description = "Product description is required!"
+        }
+        if (!price) {
+            errors.price = "Product price is required!"
+        }else if (isNaN(price)) {
+            errors.price = "Product price is invalid!"
+        }
+        if (!mongoose.Types.ObjectId.isValid(category)) {
+            errors.category = "Category id is invalid!"
+        }
+
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
+
+exports.validateCart = () => {
+    return (req, res, next) => {
+        const {productId, quantity} = req.body;
+        const errors = []
+
+        if (!productId) {
+            errors.product = "Product id is required!"
+        }else if (!mongoose.Types.ObjectId.isValid(productId)) {
+            errors.product = "Product id is invalid!"
+        }
+        if (!quantity) {
+            errors.quantity = "Quantity is required!"
+        }else if (!/^[1-9]\d*$/.test(quantity)) {
+            errors.quantity = "Quantity must be an integer!"
+        }
+
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
+
+exports.validateOrder= () => {
+    return (req, res, next) => {
+        const { shipAddress1, shipAddress2, shipToCity, phone } = req.body;
+        const errors = []
+
+        if (!shipAddress1) {
+            errors.shipAddress1 = "shipAddress1 is required!"
+        }
+        if (!shipToCity) {
+            errors.shipToCity = "shipToCity is required!"
+        }
+        if (!phone) {
+            errors.phone = "phone is required!"
+        }else if (!/^\+?[1-9]\d{1,14}$/.test(phoneInput.value)) {
+            errors.phone = "Invalid phone number!"
+        }
+
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
diff --git a/Node-JS-Projects/Advanced/E-Commerce/models/Cart.js b/projects/node-js/advanced/e-commerce/models/Cart.js
similarity index 95%
rename from Node-JS-Projects/Advanced/E-Commerce/models/Cart.js
rename to projects/node-js/advanced/e-commerce/models/Cart.js
index 1cf88d91..ecc404a5 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/models/Cart.js
+++ b/projects/node-js/advanced/e-commerce/models/Cart.js
@@ -1,31 +1,31 @@
-const mongoose = require("mongoose");
-
-const CartItemSchema = new mongoose.Schema({
-    productId: {
-        type: mongoose.Schema.Types.ObjectId,
-        ref: 'Product',
-        required: true
-    },
-    price: {
-        type: Number,
-        required: true,
-    },
-    quantity: {
-        type: Number,
-        required: true,
-    }
-});
-
-exports.CartSchema = new mongoose.Schema({
-    numberOfItems: {
-        type: Number,
-        required: true,
-        default: 0
-    },
-    total: {
-        type: Number,
-        required: true,
-        default: 0
-    },
-    cartItems: [CartItemSchema]
-});
+const mongoose = require("mongoose");
+
+const CartItemSchema = new mongoose.Schema({
+    productId: {
+        type: mongoose.Schema.Types.ObjectId,
+        ref: 'Product',
+        required: true
+    },
+    price: {
+        type: Number,
+        required: true,
+    },
+    quantity: {
+        type: Number,
+        required: true,
+    }
+});
+
+exports.CartSchema = new mongoose.Schema({
+    numberOfItems: {
+        type: Number,
+        required: true,
+        default: 0
+    },
+    total: {
+        type: Number,
+        required: true,
+        default: 0
+    },
+    cartItems: [CartItemSchema]
+});
diff --git a/Node-JS-Projects/Advanced/E-Commerce/models/Category.js b/projects/node-js/advanced/e-commerce/models/Category.js
similarity index 95%
rename from Node-JS-Projects/Advanced/E-Commerce/models/Category.js
rename to projects/node-js/advanced/e-commerce/models/Category.js
index 4bb7bd7b..5361f4b9 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/models/Category.js
+++ b/projects/node-js/advanced/e-commerce/models/Category.js
@@ -1,20 +1,20 @@
-const mongoose = require("mongoose");
-
-const CategorySchema = mongoose.Schema({
-    name: {
-        type: String,
-        require: true
-    },
-    image: {
-        type: String,
-        require: true
-    },
-    description: {
-        type: String,
-        require: true
-    }
-}, { timestamps: true })
-
-const Category = mongoose.model('Category', CategorySchema)
-
+const mongoose = require("mongoose");
+
+const CategorySchema = mongoose.Schema({
+    name: {
+        type: String,
+        require: true
+    },
+    image: {
+        type: String,
+        require: true
+    },
+    description: {
+        type: String,
+        require: true
+    }
+}, { timestamps: true })
+
+const Category = mongoose.model('Category', CategorySchema)
+
 module.exports = Category;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/models/Order.js b/projects/node-js/advanced/e-commerce/models/Order.js
similarity index 95%
rename from Node-JS-Projects/Advanced/E-Commerce/models/Order.js
rename to projects/node-js/advanced/e-commerce/models/Order.js
index 755fed3d..0153e39d 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/models/Order.js
+++ b/projects/node-js/advanced/e-commerce/models/Order.js
@@ -1,64 +1,64 @@
-const mongoose = require('mongoose');
-const Schema = mongoose.Schema;
-
-const orderItemSchema = new Schema({
-    productId: {
-        type: Schema.Types.ObjectId,
-        ref: 'Product',
-        required: true
-    },
-    quantity: {
-        type: Number,
-        required: true
-    },
-    price: {
-        type: Number,
-        required: true
-    }
-});
-
-const orderSchema = new Schema({
-    userId: {
-        type: Schema.Types.ObjectId,
-        ref: 'User',
-        required: true
-    },
-    items: [orderItemSchema],
-    total: {
-        type: Number,
-        required: true
-    },
-    status: {
-        type: String,
-        enum: ['Pending', 'Processed', 'Shipped', 'Delivered', 'Cancelled'],
-        default: 'Pending'
-    },
-    orderDate: {
-        type: Date,
-        default: Date.now
-    },
-    orderShipDate: {
-        type: Date,
-        default: null
-    },
-    shipAddress1: {
-        type: String,
-        required: true
-    },
-    shipAddress2: {
-        type: String,
-        required: true
-    },
-    shipToCity: {
-        type: String,
-        required: true
-    },
-    phone: {
-        type: String,
-        required: true
-    },
-});
-
-const Order = mongoose.model('Order', orderSchema);
-
-module.exports = Order;
+const mongoose = require('mongoose');
+const Schema = mongoose.Schema;
+
+const orderItemSchema = new Schema({
+    productId: {
+        type: Schema.Types.ObjectId,
+        ref: 'Product',
+        required: true
+    },
+    quantity: {
+        type: Number,
+        required: true
+    },
+    price: {
+        type: Number,
+        required: true
+    }
+});
+
+const orderSchema = new Schema({
+    userId: {
+        type: Schema.Types.ObjectId,
+        ref: 'User',
+        required: true
+    },
+    items: [orderItemSchema],
+    total: {
+        type: Number,
+        required: true
+    },
+    status: {
+        type: String,
+        enum: ['Pending', 'Processed', 'Shipped', 'Delivered', 'Cancelled'],
+        default: 'Pending'
+    },
+    orderDate: {
+        type: Date,
+        default: Date.now
+    },
+    orderShipDate: {
+        type: Date,
+        default: null
+    },
+    shipAddress1: {
+        type: String,
+        required: true
+    },
+    shipAddress2: {
+        type: String,
+        required: true
+    },
+    shipToCity: {
+        type: String,
+        required: true
+    },
+    phone: {
+        type: String,
+        required: true
+    },
+});
+
+const Order = mongoose.model('Order', orderSchema);
+
+module.exports = Order;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/models/Otp.js b/projects/node-js/advanced/e-commerce/models/Otp.js
similarity index 94%
rename from Node-JS-Projects/Advanced/E-Commerce/models/Otp.js
rename to projects/node-js/advanced/e-commerce/models/Otp.js
index bd1a13b8..0453a659 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/models/Otp.js
+++ b/projects/node-js/advanced/e-commerce/models/Otp.js
@@ -1,20 +1,20 @@
-const { default: mongoose } = require("mongoose");
-
-const otpSchema = new mongoose.Schema({
-    code: {
-        type: String
-    },
-    expiresAt: {
-        type: Date
-    },
-    resendAttempts: { 
-        type: Number, 
-        default: 0 
-    },
-    blockedUntil: {
-        type: Date,
-        default: null
-    },
-});
-
+const { default: mongoose } = require("mongoose");
+
+const otpSchema = new mongoose.Schema({
+    code: {
+        type: String
+    },
+    expiresAt: {
+        type: Date
+    },
+    resendAttempts: { 
+        type: Number, 
+        default: 0 
+    },
+    blockedUntil: {
+        type: Date,
+        default: null
+    },
+});
+
 module.exports = otpSchema
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/models/Product.js b/projects/node-js/advanced/e-commerce/models/Product.js
similarity index 95%
rename from Node-JS-Projects/Advanced/E-Commerce/models/Product.js
rename to projects/node-js/advanced/e-commerce/models/Product.js
index c18316e7..6e4a66ea 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/models/Product.js
+++ b/projects/node-js/advanced/e-commerce/models/Product.js
@@ -1,29 +1,29 @@
-const mongoose = require('mongoose')
-
-const ProductSchema = mongoose.Schema({
-    name: {
-        type: String,
-        require: true
-    },
-    image: {
-        type: String,
-        require: true
-    },
-    description: {
-        type: String,
-        require: true
-    },
-    price: {
-        type: Number,
-        require: true
-    },
-    category: {
-        type: mongoose.Schema.Types.ObjectId,
-        ref:'Category',
-        require: true
-    }
-}, { timestamps: true })
-
-const Product = mongoose.model('Product', ProductSchema)
-
+const mongoose = require('mongoose')
+
+const ProductSchema = mongoose.Schema({
+    name: {
+        type: String,
+        require: true
+    },
+    image: {
+        type: String,
+        require: true
+    },
+    description: {
+        type: String,
+        require: true
+    },
+    price: {
+        type: Number,
+        require: true
+    },
+    category: {
+        type: mongoose.Schema.Types.ObjectId,
+        ref:'Category',
+        require: true
+    }
+}, { timestamps: true })
+
+const Product = mongoose.model('Product', ProductSchema)
+
 module.exports = Product;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/models/Role.js b/projects/node-js/advanced/e-commerce/models/Role.js
similarity index 95%
rename from Node-JS-Projects/Advanced/E-Commerce/models/Role.js
rename to projects/node-js/advanced/e-commerce/models/Role.js
index 5c1cca95..b57b3044 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/models/Role.js
+++ b/projects/node-js/advanced/e-commerce/models/Role.js
@@ -1,11 +1,11 @@
-const mongoose = require('mongoose')
-
-const RoleSchema = mongoose.Schema({
-    name: {
-        require: true,
-        type: String
-    },
-})
-
-const Role = mongoose.model('Role', RoleSchema)
+const mongoose = require('mongoose')
+
+const RoleSchema = mongoose.Schema({
+    name: {
+        require: true,
+        type: String
+    },
+})
+
+const Role = mongoose.model('Role', RoleSchema)
 module.exports = Role
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/models/User.js b/projects/node-js/advanced/e-commerce/models/User.js
similarity index 95%
rename from Node-JS-Projects/Advanced/E-Commerce/models/User.js
rename to projects/node-js/advanced/e-commerce/models/User.js
index 94b6c465..b4ab0e97 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/models/User.js
+++ b/projects/node-js/advanced/e-commerce/models/User.js
@@ -1,41 +1,41 @@
-const mongoose = require('mongoose');
-const { CartSchema } = require('./Cart');
-const otpSchema = require('./Otp');
-
-const UserSchema = mongoose.Schema({
-    username: {
-        type: String,
-        require: true,
-    },
-    email: {
-        type: String,
-        require: true,
-        unique: true
-    },
-    password: {
-        type: String,
-        require: true,
-    },
-    otp: otpSchema,
-    enabled: {
-        type: Boolean,
-        default: false
-    },
-    roles: {
-        type: [String],
-        default: ['user']
-    },
-    wishlist: [
-        {
-            type: mongoose.Schema.Types.ObjectId, 
-            ref: 'Product', 
-            default: []
-        }
-    ],
-    cart: CartSchema
-
-}, { timestamps: true });
-
-const User = mongoose.model('User', UserSchema)
-
+const mongoose = require('mongoose');
+const { CartSchema } = require('./Cart');
+const otpSchema = require('./Otp');
+
+const UserSchema = mongoose.Schema({
+    username: {
+        type: String,
+        require: true,
+    },
+    email: {
+        type: String,
+        require: true,
+        unique: true
+    },
+    password: {
+        type: String,
+        require: true,
+    },
+    otp: otpSchema,
+    enabled: {
+        type: Boolean,
+        default: false
+    },
+    roles: {
+        type: [String],
+        default: ['user']
+    },
+    wishlist: [
+        {
+            type: mongoose.Schema.Types.ObjectId, 
+            ref: 'Product', 
+            default: []
+        }
+    ],
+    cart: CartSchema
+
+}, { timestamps: true });
+
+const User = mongoose.model('User', UserSchema)
+
 module.exports = User;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/E-Commerce/package.json b/projects/node-js/advanced/e-commerce/package.json
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/package.json
rename to projects/node-js/advanced/e-commerce/package.json
diff --git a/Node-JS-Projects/Advanced/E-Commerce/routes/AuthRoutes.js b/projects/node-js/advanced/e-commerce/routes/AuthRoutes.js
similarity index 98%
rename from Node-JS-Projects/Advanced/E-Commerce/routes/AuthRoutes.js
rename to projects/node-js/advanced/e-commerce/routes/AuthRoutes.js
index 7dbc2cbd..a4eab85f 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/routes/AuthRoutes.js
+++ b/projects/node-js/advanced/e-commerce/routes/AuthRoutes.js
@@ -1,12 +1,12 @@
-const express = require('express');
-const { registerUser, loginUser, refreshToken, sendOtp, verifyOtp } = require('../controllers/AuthController');
-const { validateRegister, validateLogin, validateRefreshToken } = require('../middlewares/validator');
-const AuthRouter = express.Router();
-
-AuthRouter.post('/register', validateRegister(), registerUser);
-AuthRouter.get('/send-otp/:email', sendOtp);
-AuthRouter.post('/verify-otp', verifyOtp);
-AuthRouter.post('/login', validateLogin(), loginUser);
-AuthRouter.post('/refresh-token', validateRefreshToken(), refreshToken);
-
-module.exports = AuthRouter;
+const express = require('express');
+const { registerUser, loginUser, refreshToken, sendOtp, verifyOtp } = require('../controllers/AuthController');
+const { validateRegister, validateLogin, validateRefreshToken } = require('../middlewares/validator');
+const AuthRouter = express.Router();
+
+AuthRouter.post('/register', validateRegister(), registerUser);
+AuthRouter.get('/send-otp/:email', sendOtp);
+AuthRouter.post('/verify-otp', verifyOtp);
+AuthRouter.post('/login', validateLogin(), loginUser);
+AuthRouter.post('/refresh-token', validateRefreshToken(), refreshToken);
+
+module.exports = AuthRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/routes/CartRoutes.js b/projects/node-js/advanced/e-commerce/routes/CartRoutes.js
similarity index 98%
rename from Node-JS-Projects/Advanced/E-Commerce/routes/CartRoutes.js
rename to projects/node-js/advanced/e-commerce/routes/CartRoutes.js
index f6355428..e3ba2e45 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/routes/CartRoutes.js
+++ b/projects/node-js/advanced/e-commerce/routes/CartRoutes.js
@@ -1,12 +1,12 @@
-const express = require('express');
-const { addItem, updateQuantity, removeItem, clearCart, getCartByUser } = require('../controllers/CartController');
-const { Authenticate } = require('../middlewares/authentication');
-const CartRouter = express.Router();
-
-CartRouter.post('/', Authenticate(["user"]), addItem);
-CartRouter.put('/', Authenticate(["user"]),  updateQuantity);
-CartRouter.delete('/:productId', Authenticate(["user"]),  removeItem);
-CartRouter.delete('/', Authenticate(["user"]),  clearCart);
-CartRouter.get('/', Authenticate(["user"]),  getCartByUser);
-
-module.exports = CartRouter;
+const express = require('express');
+const { addItem, updateQuantity, removeItem, clearCart, getCartByUser } = require('../controllers/CartController');
+const { Authenticate } = require('../middlewares/authentication');
+const CartRouter = express.Router();
+
+CartRouter.post('/', Authenticate(["user"]), addItem);
+CartRouter.put('/', Authenticate(["user"]),  updateQuantity);
+CartRouter.delete('/:productId', Authenticate(["user"]),  removeItem);
+CartRouter.delete('/', Authenticate(["user"]),  clearCart);
+CartRouter.get('/', Authenticate(["user"]),  getCartByUser);
+
+module.exports = CartRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/routes/CategoryRoutes.js b/projects/node-js/advanced/e-commerce/routes/CategoryRoutes.js
similarity index 98%
rename from Node-JS-Projects/Advanced/E-Commerce/routes/CategoryRoutes.js
rename to projects/node-js/advanced/e-commerce/routes/CategoryRoutes.js
index f7f2dd7e..694200bd 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/routes/CategoryRoutes.js
+++ b/projects/node-js/advanced/e-commerce/routes/CategoryRoutes.js
@@ -1,13 +1,13 @@
-const express = require('express');
-const { createCategory, updateCategory, deleteCategory, getAllCategory, getCategoryById } = require('../controllers/CategoryController');
-const { Authenticate } = require('../middlewares/authentication');
-const { validateCategory } = require('../middlewares/validator');
-const CategoryRouter = express.Router();
-
-CategoryRouter.post('/', Authenticate(["admin"]), validateCategory(), createCategory);
-CategoryRouter.put('/:id', Authenticate(["admin"]), validateCategory(), updateCategory);
-CategoryRouter.delete('/:id', Authenticate(["admin"]), deleteCategory);
-CategoryRouter.get('/', getAllCategory);
-CategoryRouter.get('/:id', getCategoryById);
-
-module.exports = CategoryRouter;
+const express = require('express');
+const { createCategory, updateCategory, deleteCategory, getAllCategory, getCategoryById } = require('../controllers/CategoryController');
+const { Authenticate } = require('../middlewares/authentication');
+const { validateCategory } = require('../middlewares/validator');
+const CategoryRouter = express.Router();
+
+CategoryRouter.post('/', Authenticate(["admin"]), validateCategory(), createCategory);
+CategoryRouter.put('/:id', Authenticate(["admin"]), validateCategory(), updateCategory);
+CategoryRouter.delete('/:id', Authenticate(["admin"]), deleteCategory);
+CategoryRouter.get('/', getAllCategory);
+CategoryRouter.get('/:id', getCategoryById);
+
+module.exports = CategoryRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/routes/OrderRoutes.js b/projects/node-js/advanced/e-commerce/routes/OrderRoutes.js
similarity index 98%
rename from Node-JS-Projects/Advanced/E-Commerce/routes/OrderRoutes.js
rename to projects/node-js/advanced/e-commerce/routes/OrderRoutes.js
index 80ab3a2b..ded187f8 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/routes/OrderRoutes.js
+++ b/projects/node-js/advanced/e-commerce/routes/OrderRoutes.js
@@ -1,15 +1,15 @@
-const express = require('express');
-const { createOrder, updateStatus, getAllOrders, getOrderByUser, getOrderByStatus, getOrderById } = require('../controllers/OrderController');
-const { Authenticate } = require('../middlewares/authentication');
-const OrderRouter = express.Router();
-
-OrderRouter.post('/', Authenticate(["user"]), createOrder);
-OrderRouter.put('/', Authenticate(["admin"]), updateStatus);
-OrderRouter.get('/', Authenticate(["admin"]), getAllOrders);
-OrderRouter.get('/user/:id', Authenticate(["user", "admin"]), getOrderByUser);
-OrderRouter.get('/status/:status', Authenticate(["user", "admin"]), getOrderByStatus);
-OrderRouter.get('/:id', Authenticate(["user", "admin"]), getOrderById);
-
-
-
-module.exports = OrderRouter;
+const express = require('express');
+const { createOrder, updateStatus, getAllOrders, getOrderByUser, getOrderByStatus, getOrderById } = require('../controllers/OrderController');
+const { Authenticate } = require('../middlewares/authentication');
+const OrderRouter = express.Router();
+
+OrderRouter.post('/', Authenticate(["user"]), createOrder);
+OrderRouter.put('/', Authenticate(["admin"]), updateStatus);
+OrderRouter.get('/', Authenticate(["admin"]), getAllOrders);
+OrderRouter.get('/user/:id', Authenticate(["user", "admin"]), getOrderByUser);
+OrderRouter.get('/status/:status', Authenticate(["user", "admin"]), getOrderByStatus);
+OrderRouter.get('/:id', Authenticate(["user", "admin"]), getOrderById);
+
+
+
+module.exports = OrderRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/routes/ProductRoutes.js b/projects/node-js/advanced/e-commerce/routes/ProductRoutes.js
similarity index 98%
rename from Node-JS-Projects/Advanced/E-Commerce/routes/ProductRoutes.js
rename to projects/node-js/advanced/e-commerce/routes/ProductRoutes.js
index 49d87434..0fb22b23 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/routes/ProductRoutes.js
+++ b/projects/node-js/advanced/e-commerce/routes/ProductRoutes.js
@@ -1,13 +1,13 @@
-const express = require('express');
-const { createProduct, updateProduct, deleteProduct, getAllProduct, getProductById, filterProducts } = require('../controllers/ProductController');
-const { Authenticate } = require('../middlewares/authentication');
-const { validateProduct } = require('../middlewares/validator');
-const ProductRouter = express.Router();
-
-ProductRouter.post('/', Authenticate(["admin"]), validateProduct(), createProduct);
-ProductRouter.put('/:id', Authenticate(["admin"]), validateProduct(), updateProduct);
-ProductRouter.delete('/:id', Authenticate(["admin"]), deleteProduct);
-ProductRouter.get('/', filterProducts);
-ProductRouter.get('/:id', getProductById);
-
-module.exports = ProductRouter;
+const express = require('express');
+const { createProduct, updateProduct, deleteProduct, getAllProduct, getProductById, filterProducts } = require('../controllers/ProductController');
+const { Authenticate } = require('../middlewares/authentication');
+const { validateProduct } = require('../middlewares/validator');
+const ProductRouter = express.Router();
+
+ProductRouter.post('/', Authenticate(["admin"]), validateProduct(), createProduct);
+ProductRouter.put('/:id', Authenticate(["admin"]), validateProduct(), updateProduct);
+ProductRouter.delete('/:id', Authenticate(["admin"]), deleteProduct);
+ProductRouter.get('/', filterProducts);
+ProductRouter.get('/:id', getProductById);
+
+module.exports = ProductRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/routes/UserRoutes.js b/projects/node-js/advanced/e-commerce/routes/UserRoutes.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/routes/UserRoutes.js
rename to projects/node-js/advanced/e-commerce/routes/UserRoutes.js
index 5a007748..58f23319 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/routes/UserRoutes.js
+++ b/projects/node-js/advanced/e-commerce/routes/UserRoutes.js
@@ -1,11 +1,11 @@
-const express = require('express');
-const { getUserById, getUsersByRole, getAllUsers, changePassword, deleteUser } = require('../controllers/UserController');
-const UserRouter = express.Router();
-
-UserRouter.get('/', getAllUsers);
-UserRouter.get('/:id', getUserById);
-UserRouter.get('/role/:role', getUsersByRole);
-UserRouter.put('/change-password', changePassword);
-UserRouter.delete('/', deleteUser);
-
-module.exports = UserRouter;
+const express = require('express');
+const { getUserById, getUsersByRole, getAllUsers, changePassword, deleteUser } = require('../controllers/UserController');
+const UserRouter = express.Router();
+
+UserRouter.get('/', getAllUsers);
+UserRouter.get('/:id', getUserById);
+UserRouter.get('/role/:role', getUsersByRole);
+UserRouter.put('/change-password', changePassword);
+UserRouter.delete('/', deleteUser);
+
+module.exports = UserRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/routes/WishlistRoutes.js b/projects/node-js/advanced/e-commerce/routes/WishlistRoutes.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/routes/WishlistRoutes.js
rename to projects/node-js/advanced/e-commerce/routes/WishlistRoutes.js
index 87a92232..dc8cd95f 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/routes/WishlistRoutes.js
+++ b/projects/node-js/advanced/e-commerce/routes/WishlistRoutes.js
@@ -1,10 +1,10 @@
-const express = require('express');
-const { addOrRemoveItem, getbyUser } = require('../controllers/WishlistController');
-const { Authenticate } = require('../middlewares/authentication');
-const WishlistRouter = express.Router();
-
-WishlistRouter.post('/', Authenticate(["user"]), addOrRemoveItem);
-WishlistRouter.get('/', Authenticate(["user"]), getbyUser);
-WishlistRouter.put('/', Authenticate(["user"]), addOrRemoveItem);
-
-module.exports = WishlistRouter;
+const express = require('express');
+const { addOrRemoveItem, getbyUser } = require('../controllers/WishlistController');
+const { Authenticate } = require('../middlewares/authentication');
+const WishlistRouter = express.Router();
+
+WishlistRouter.post('/', Authenticate(["user"]), addOrRemoveItem);
+WishlistRouter.get('/', Authenticate(["user"]), getbyUser);
+WishlistRouter.put('/', Authenticate(["user"]), addOrRemoveItem);
+
+module.exports = WishlistRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/screenshot.webp b/projects/node-js/advanced/e-commerce/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Advanced/E-Commerce/screenshot.webp
rename to projects/node-js/advanced/e-commerce/screenshot.webp
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/utils/jwt.js b/projects/node-js/advanced/e-commerce/utils/jwt.js
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/utils/jwt.js
rename to projects/node-js/advanced/e-commerce/utils/jwt.js
index 860f863d..8e0981b1 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/utils/jwt.js
+++ b/projects/node-js/advanced/e-commerce/utils/jwt.js
@@ -1,12 +1,12 @@
-require('dotenv').config();
-const jwt = require('jsonwebtoken');
-
-const generateAccessToken = (userId, roles = []) => {
-  return jwt.sign({ userId, roles }, process.env.JWT_SECRET_KEY, { expiresIn: '1d' });
-};
-
-const generateRefreshToken = (userId, roles) => {
-  return jwt.sign({ userId, roles }, process.env.JWT_REFRESH_SECRET_KEY, { expiresIn: '30d' });
-};
-
-module.exports = { generateAccessToken, generateRefreshToken };
+require('dotenv').config();
+const jwt = require('jsonwebtoken');
+
+const generateAccessToken = (userId, roles = []) => {
+  return jwt.sign({ userId, roles }, process.env.JWT_SECRET_KEY, { expiresIn: '1d' });
+};
+
+const generateRefreshToken = (userId, roles) => {
+  return jwt.sign({ userId, roles }, process.env.JWT_REFRESH_SECRET_KEY, { expiresIn: '30d' });
+};
+
+module.exports = { generateAccessToken, generateRefreshToken };
diff --git a/Node-JS-Projects/Advanced/E-Commerce/utils/otp.js b/projects/node-js/advanced/e-commerce/utils/otp.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/utils/otp.js
rename to projects/node-js/advanced/e-commerce/utils/otp.js
index 95f4a82b..f08c63be 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/utils/otp.js
+++ b/projects/node-js/advanced/e-commerce/utils/otp.js
@@ -1,3 +1,3 @@
-exports.generateOTP = () => {
-    return Math.floor(100000 + Math.random() * 900000).toString();
-};
+exports.generateOTP = () => {
+    return Math.floor(100000 + Math.random() * 900000).toString();
+};
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/README.md b/projects/node-js/advanced/url-shortener/README.md
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/README.md
rename to projects/node-js/advanced/url-shortener/README.md
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/package.json b/projects/node-js/advanced/url-shortener/package.json
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/package.json
rename to projects/node-js/advanced/url-shortener/package.json
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/public/css/styles.css b/projects/node-js/advanced/url-shortener/public/css/styles.css
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/public/css/styles.css
rename to projects/node-js/advanced/url-shortener/public/css/styles.css
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/public/index.html b/projects/node-js/advanced/url-shortener/public/index.html
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/public/index.html
rename to projects/node-js/advanced/url-shortener/public/index.html
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/public/js/main.js b/projects/node-js/advanced/url-shortener/public/js/main.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/public/js/main.js
rename to projects/node-js/advanced/url-shortener/public/js/main.js
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/screenshot.webp b/projects/node-js/advanced/url-shortener/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/screenshot.webp
rename to projects/node-js/advanced/url-shortener/screenshot.webp
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/src/controllers/urlController.js b/projects/node-js/advanced/url-shortener/src/controllers/urlController.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/src/controllers/urlController.js
rename to projects/node-js/advanced/url-shortener/src/controllers/urlController.js
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/src/db.js b/projects/node-js/advanced/url-shortener/src/db.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/src/db.js
rename to projects/node-js/advanced/url-shortener/src/db.js
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/src/models/urlModel.js b/projects/node-js/advanced/url-shortener/src/models/urlModel.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/src/models/urlModel.js
rename to projects/node-js/advanced/url-shortener/src/models/urlModel.js
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/src/routes/urlRoutes.js b/projects/node-js/advanced/url-shortener/src/routes/urlRoutes.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/src/routes/urlRoutes.js
rename to projects/node-js/advanced/url-shortener/src/routes/urlRoutes.js
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/src/server.js b/projects/node-js/advanced/url-shortener/src/server.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/src/server.js
rename to projects/node-js/advanced/url-shortener/src/server.js
diff --git a/Node-JS-Projects/Advanced/Url-Shortener/src/utils/urlShortener.js b/projects/node-js/advanced/url-shortener/src/utils/urlShortener.js
similarity index 100%
rename from Node-JS-Projects/Advanced/Url-Shortener/src/utils/urlShortener.js
rename to projects/node-js/advanced/url-shortener/src/utils/urlShortener.js
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/README.md b/projects/node-js/advanced/user-registration-system/README.md
similarity index 96%
rename from Node-JS-Projects/Advanced/User-Registration-System/README.md
rename to projects/node-js/advanced/user-registration-system/README.md
index e43a277a..944469ae 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/README.md
+++ b/projects/node-js/advanced/user-registration-system/README.md
@@ -1,98 +1,98 @@
-
-<h1 align='center'><b>💥 USER REGISTRATION SYSTEM 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-![html5](https://img.shields.io/badge/html-red?style=for-the-badge&logo=html5&logoColor=white)
-![tailwind](https://img.shields.io/badge/tailwind%20css-blue?style=for-the-badge&logo=tailwindcss&logoColor=white)
-![javascript](https://img.shields.io/badge/javascript-yellow?style=for-the-badge&logo=javascript&logoColor=black)
-![node](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
-![express](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
-![mongodb](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-- This is a website which takes users details and create account
-- After creating account, users can login and see their profile information.
-  
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-1. Fork the repository.
-
-2. Clone the project.
-
-```
-git clone repository-url
-```
-
-3. Navigate to `backend` folder.
-
-```
-cd ./backend
-```
-
-4. Install dependencies.
-
-```
-npm install
-```
-
-5. Create and update `.env` file.
-
-```
-PORT=YOUR_PORT
-MONGODB_URL=YOUR_MONGODB_URI
-JWT_SECRET_KEY=YOUR_SECRET_KEY
-```
-
-6. Start server.
-
-```
-npm start
-```
-
-6. Navigate to `frontend` folder and open `index.html` on browser to view the website.
-
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-
-![image](./images/image01.png)
-![image](./images/image02.png)
-![image](./images/image03.png)
-![image](./images/image04.png)
-
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>DHARSHI B.</i></b> 👩</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/dharshi-balasubramaniyam-47b193243'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/DharshiBalasubramaniyam'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+
+<h1 align='center'><b>💥 USER REGISTRATION SYSTEM 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+![html5](https://img.shields.io/badge/html-red?style=for-the-badge&logo=html5&logoColor=white)
+![tailwind](https://img.shields.io/badge/tailwind%20css-blue?style=for-the-badge&logo=tailwindcss&logoColor=white)
+![javascript](https://img.shields.io/badge/javascript-yellow?style=for-the-badge&logo=javascript&logoColor=black)
+![node](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
+![express](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)
+![mongodb](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+- This is a website which takes users details and create account
+- After creating account, users can login and see their profile information.
+  
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+1. Fork the repository.
+
+2. Clone the project.
+
+```
+git clone repository-url
+```
+
+3. Navigate to `backend` folder.
+
+```
+cd ./backend
+```
+
+4. Install dependencies.
+
+```
+npm install
+```
+
+5. Create and update `.env` file.
+
+```
+PORT=YOUR_PORT
+MONGODB_URL=YOUR_MONGODB_URI
+JWT_SECRET_KEY=YOUR_SECRET_KEY
+```
+
+6. Start server.
+
+```
+npm start
+```
+
+6. Navigate to `frontend` folder and open `index.html` on browser to view the website.
+
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+
+![image](./images/image01.png)
+![image](./images/image02.png)
+![image](./images/image03.png)
+![image](./images/image04.png)
+
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>DHARSHI B.</i></b> 👩</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/dharshi-balasubramaniyam-47b193243'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/DharshiBalasubramaniyam'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/app.js b/projects/node-js/advanced/user-registration-system/backend/app.js
similarity index 95%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/app.js
rename to projects/node-js/advanced/user-registration-system/backend/app.js
index 869f6000..7dc0a13e 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/app.js
+++ b/projects/node-js/advanced/user-registration-system/backend/app.js
@@ -1,19 +1,19 @@
-require('dotenv').config();
-const express = require('express');
-const cors = require('cors')
-const connectToDB = require('./config/dbConnection')
-const AuthRouter = require("./routes/AuthRoutes")
-
-const port = process.env.PORT || 8080;
-
-connectToDB()
-
-const app = express();
-
-app.use(cors());
-app.use(express.json());
-app.use("/auth", AuthRouter);
-
-app.listen(port, () => {
-    console.log('Application is running on port ' + port)
-})
+require('dotenv').config();
+const express = require('express');
+const cors = require('cors')
+const connectToDB = require('./config/dbConnection')
+const AuthRouter = require("./routes/AuthRoutes")
+
+const port = process.env.PORT || 8080;
+
+connectToDB()
+
+const app = express();
+
+app.use(cors());
+app.use(express.json());
+app.use("/auth", AuthRouter);
+
+app.listen(port, () => {
+    console.log('Application is running on port ' + port)
+})
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/config/dbConnection.js b/projects/node-js/advanced/user-registration-system/backend/config/dbConnection.js
similarity index 96%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/config/dbConnection.js
rename to projects/node-js/advanced/user-registration-system/backend/config/dbConnection.js
index c8b5964c..0005e1fe 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/config/dbConnection.js
+++ b/projects/node-js/advanced/user-registration-system/backend/config/dbConnection.js
@@ -1,16 +1,16 @@
-require('dotenv').config();
-const mongoose = require('mongoose');
-
-const connectToDB = async () => {
-    await mongoose.connect(process.env.MONGODB_URL)
-    .then(() => {
-        console.log("Connected to MongoDB");
-    })
-    .catch(
-        (error) => {
-            console.error("Error connecting to MongoDB:", error);
-        }
-    );
-}
-
+require('dotenv').config();
+const mongoose = require('mongoose');
+
+const connectToDB = async () => {
+    await mongoose.connect(process.env.MONGODB_URL)
+    .then(() => {
+        console.log("Connected to MongoDB");
+    })
+    .catch(
+        (error) => {
+            console.error("Error connecting to MongoDB:", error);
+        }
+    );
+}
+
 module.exports = connectToDB
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/controllers/AuthController.js b/projects/node-js/advanced/user-registration-system/backend/controllers/AuthController.js
similarity index 96%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/controllers/AuthController.js
rename to projects/node-js/advanced/user-registration-system/backend/controllers/AuthController.js
index a871d557..ba3afe3c 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/controllers/AuthController.js
+++ b/projects/node-js/advanced/user-registration-system/backend/controllers/AuthController.js
@@ -1,69 +1,69 @@
-require('dotenv').config();
-const User = require('../models/User')
-const bcrypt = require('bcrypt')
-const { generateAccessToken } = require('../utils/jwt');
-
-exports.registerUser = async (req, res) => {
-    const { username, email, password, roles } = req.body;
-
-    try {
-        const existingUser = await User.findOne({ email: email })
-
-        if (existingUser) {
-            return res.status(400).json({success: false, response: {email: "User already exists with email " + email}})
-        }
-
-        const hashedPassword = await bcrypt.hash(password, 10)
-
-        if (roles.length === 0) {
-            roles.push('user')
-        }
-
-        const data = {
-            username: username,
-            email: email,
-            password: hashedPassword,
-            roles: roles
-        }
-
-        await User.create(data)
-
-        res.status(200).json({ success: true, message: "Your account created successfully!" })
-
-    } catch (error) {
-        console.log("Failed to sign up: " + error)
-        return res.status(500).json({ message: "Internal server error!" })
-    }
-}
-
-exports.loginUser = async (req, res) => {
-
-    const { email, password } = req.body
-
-    try {
-        const user = await User.findOne({ email: email })
-
-        if (!user) {
-            return res.status(404).json({ success: false, message: "User not found with email " + email })
-        }
-
-        const isValid = await bcrypt.compare(password, user.password)
-        if (!isValid) {
-            return res.status(404).json({ success: false, message: "Invalid credentials!" })
-        }
-
-        const accessToken = generateAccessToken(user._id, user.roles)
-
-        const response = {
-            accessToken: accessToken,
-            userId: user._id,
-            username: user.username,
-            email: user.email,
-        }
-
-        res.status(200).json({ success: true, response: response })
-    } catch (error) {
-        console.log("Failed to Sign in: " + error)
-        return res.status(500).json({ message: "Internal server error" })
-    }
-}
+require('dotenv').config();
+const User = require('../models/User')
+const bcrypt = require('bcrypt')
+const { generateAccessToken } = require('../utils/jwt');
+
+exports.registerUser = async (req, res) => {
+    const { username, email, password, roles } = req.body;
+
+    try {
+        const existingUser = await User.findOne({ email: email })
+
+        if (existingUser) {
+            return res.status(400).json({success: false, response: {email: "User already exists with email " + email}})
+        }
+
+        const hashedPassword = await bcrypt.hash(password, 10)
+
+        if (roles.length === 0) {
+            roles.push('user')
+        }
+
+        const data = {
+            username: username,
+            email: email,
+            password: hashedPassword,
+            roles: roles
+        }
+
+        await User.create(data)
+
+        res.status(200).json({ success: true, message: "Your account created successfully!" })
+
+    } catch (error) {
+        console.log("Failed to sign up: " + error)
+        return res.status(500).json({ message: "Internal server error!" })
+    }
+}
+
+exports.loginUser = async (req, res) => {
+
+    const { email, password } = req.body
+
+    try {
+        const user = await User.findOne({ email: email })
+
+        if (!user) {
+            return res.status(404).json({ success: false, message: "User not found with email " + email })
+        }
+
+        const isValid = await bcrypt.compare(password, user.password)
+        if (!isValid) {
+            return res.status(404).json({ success: false, message: "Invalid credentials!" })
+        }
+
+        const accessToken = generateAccessToken(user._id, user.roles)
+
+        const response = {
+            accessToken: accessToken,
+            userId: user._id,
+            username: user.username,
+            email: user.email,
+        }
+
+        res.status(200).json({ success: true, response: response })
+    } catch (error) {
+        console.log("Failed to Sign in: " + error)
+        return res.status(500).json({ message: "Internal server error" })
+    }
+}
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/middlewares/validator.js b/projects/node-js/advanced/user-registration-system/backend/middlewares/validator.js
similarity index 96%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/middlewares/validator.js
rename to projects/node-js/advanced/user-registration-system/backend/middlewares/validator.js
index 419c809c..83e640a2 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/middlewares/validator.js
+++ b/projects/node-js/advanced/user-registration-system/backend/middlewares/validator.js
@@ -1,63 +1,63 @@
-exports.validateRegister = () => {
-    return async (req, res, next) => {
-
-        const {username, email, password, roles} = req.body;
-        const errors = {}
-    
-        if (username.trim() === "") {
-            errors.username = "Username is required!"
-        }else if(username.trim().length <= 3) {
-            errors.username = "Username must have atleast 4 characters!"
-        }
-    
-        if (email.trim() === "") {
-            errors.email = "Email is required!"
-        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
-            errors.email = "Invalid email address!"
-        }
-    
-        if (password.trim() === "") {
-            errors.password = "Password is required!"
-        }else if(password.trim().length < 8) {
-            errors.password = "Password must have atleast 8 characters!"
-        }
-    
-        if (!roles) {
-            console.log(roles)
-            req.body.roles = ['user']
-        }
-        else if (!Array.isArray(roles)) {
-            errors.role = "Roles should be an array!"
-        }
-    
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
-}
-
-exports.validateLogin = () => {
-    return (req, res, next) => {
-
-        const {email, password} = req.body;
-        const errors = {}
-    
-        if (email.trim() === "") {
-            errors.email = "Email is required!"
-        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
-            errors.email = "Invalid email address!"
-        }
-
-        if (password.trim() === "") {
-            errors.password = "Password is required!"
-        }
-    
-        if (Object.keys(errors).length !== 0) {
-            return res.status(400).json({success: false, response: errors})
-        }
-    
-        next()
-    }
+exports.validateRegister = () => {
+    return async (req, res, next) => {
+
+        const {username, email, password, roles} = req.body;
+        const errors = {}
+    
+        if (username.trim() === "") {
+            errors.username = "Username is required!"
+        }else if(username.trim().length <= 3) {
+            errors.username = "Username must have atleast 4 characters!"
+        }
+    
+        if (email.trim() === "") {
+            errors.email = "Email is required!"
+        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
+            errors.email = "Invalid email address!"
+        }
+    
+        if (password.trim() === "") {
+            errors.password = "Password is required!"
+        }else if(password.trim().length < 8) {
+            errors.password = "Password must have atleast 8 characters!"
+        }
+    
+        if (!roles) {
+            console.log(roles)
+            req.body.roles = ['user']
+        }
+        else if (!Array.isArray(roles)) {
+            errors.role = "Roles should be an array!"
+        }
+    
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
+}
+
+exports.validateLogin = () => {
+    return (req, res, next) => {
+
+        const {email, password} = req.body;
+        const errors = {}
+    
+        if (email.trim() === "") {
+            errors.email = "Email is required!"
+        }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
+            errors.email = "Invalid email address!"
+        }
+
+        if (password.trim() === "") {
+            errors.password = "Password is required!"
+        }
+    
+        if (Object.keys(errors).length !== 0) {
+            return res.status(400).json({success: false, response: errors})
+        }
+    
+        next()
+    }
 }
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/models/User.js b/projects/node-js/advanced/user-registration-system/backend/models/User.js
similarity index 95%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/models/User.js
rename to projects/node-js/advanced/user-registration-system/backend/models/User.js
index 636f2834..b6d57343 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/models/User.js
+++ b/projects/node-js/advanced/user-registration-system/backend/models/User.js
@@ -1,25 +1,25 @@
-const mongoose = require('mongoose');
-
-const UserSchema = mongoose.Schema({
-    username: {
-        type: String,
-        require: true,
-    },
-    email: {
-        type: String,
-        require: true,
-        unique: true
-    },
-    password: {
-        type: String,
-        require: true,
-    },
-    roles: {
-        type: [String],
-        default: ['user']
-    },
-}, { timestamps: true });
-
-const User = mongoose.model('User', UserSchema)
-
+const mongoose = require('mongoose');
+
+const UserSchema = mongoose.Schema({
+    username: {
+        type: String,
+        require: true,
+    },
+    email: {
+        type: String,
+        require: true,
+        unique: true
+    },
+    password: {
+        type: String,
+        require: true,
+    },
+    roles: {
+        type: [String],
+        default: ['user']
+    },
+}, { timestamps: true });
+
+const User = mongoose.model('User', UserSchema)
+
 module.exports = User;
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/package.json b/projects/node-js/advanced/user-registration-system/backend/package.json
similarity index 100%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/package.json
rename to projects/node-js/advanced/user-registration-system/backend/package.json
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/routes/AuthRoutes.js b/projects/node-js/advanced/user-registration-system/backend/routes/AuthRoutes.js
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/routes/AuthRoutes.js
rename to projects/node-js/advanced/user-registration-system/backend/routes/AuthRoutes.js
index 20d1d7fd..e5bb6a28 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/routes/AuthRoutes.js
+++ b/projects/node-js/advanced/user-registration-system/backend/routes/AuthRoutes.js
@@ -1,9 +1,9 @@
-const express = require('express');
-const { registerUser, loginUser } = require('../controllers/AuthController');
-const { validateRegister, validateLogin } = require('../middlewares/validator');
-const AuthRouter = express.Router();
-
-AuthRouter.post('/register', validateRegister(), registerUser);
-AuthRouter.post('/login', validateLogin(), loginUser);
-
-module.exports = AuthRouter;
+const express = require('express');
+const { registerUser, loginUser } = require('../controllers/AuthController');
+const { validateRegister, validateLogin } = require('../middlewares/validator');
+const AuthRouter = express.Router();
+
+AuthRouter.post('/register', validateRegister(), registerUser);
+AuthRouter.post('/login', validateLogin(), loginUser);
+
+module.exports = AuthRouter;
diff --git a/Node-JS-Projects/Advanced/E-Commerce/utils/jwt.js b/projects/node-js/advanced/user-registration-system/backend/utils/jwt.js
similarity index 97%
rename from Node-JS-Projects/Advanced/E-Commerce/utils/jwt.js
rename to projects/node-js/advanced/user-registration-system/backend/utils/jwt.js
index 860f863d..8e0981b1 100644
--- a/Node-JS-Projects/Advanced/E-Commerce/utils/jwt.js
+++ b/projects/node-js/advanced/user-registration-system/backend/utils/jwt.js
@@ -1,12 +1,12 @@
-require('dotenv').config();
-const jwt = require('jsonwebtoken');
-
-const generateAccessToken = (userId, roles = []) => {
-  return jwt.sign({ userId, roles }, process.env.JWT_SECRET_KEY, { expiresIn: '1d' });
-};
-
-const generateRefreshToken = (userId, roles) => {
-  return jwt.sign({ userId, roles }, process.env.JWT_REFRESH_SECRET_KEY, { expiresIn: '30d' });
-};
-
-module.exports = { generateAccessToken, generateRefreshToken };
+require('dotenv').config();
+const jwt = require('jsonwebtoken');
+
+const generateAccessToken = (userId, roles = []) => {
+  return jwt.sign({ userId, roles }, process.env.JWT_SECRET_KEY, { expiresIn: '1d' });
+};
+
+const generateRefreshToken = (userId, roles) => {
+  return jwt.sign({ userId, roles }, process.env.JWT_REFRESH_SECRET_KEY, { expiresIn: '30d' });
+};
+
+module.exports = { generateAccessToken, generateRefreshToken };
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/backend/utils/otp.js b/projects/node-js/advanced/user-registration-system/backend/utils/otp.js
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/backend/utils/otp.js
rename to projects/node-js/advanced/user-registration-system/backend/utils/otp.js
index 95f4a82b..f08c63be 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/backend/utils/otp.js
+++ b/projects/node-js/advanced/user-registration-system/backend/utils/otp.js
@@ -1,3 +1,3 @@
-exports.generateOTP = () => {
-    return Math.floor(100000 + Math.random() * 900000).toString();
-};
+exports.generateOTP = () => {
+    return Math.floor(100000 + Math.random() * 900000).toString();
+};
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/frontend/Login.html b/projects/node-js/advanced/user-registration-system/frontend/Login.html
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/frontend/Login.html
rename to projects/node-js/advanced/user-registration-system/frontend/Login.html
index 1c42919f..4e0aa1c8 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/frontend/Login.html
+++ b/projects/node-js/advanced/user-registration-system/frontend/Login.html
@@ -1,64 +1,64 @@
-<!DOCTYPE html>
-<html lang="en" class="h-full bg-black">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="./styles/styles.css">
-    <title>Login</title>
-</head>
-
-<body class="h-full">
-
-    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
-        <div class="sm:mx-auto sm:w-full sm:max-w-sm">
-            <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-200">Sign in to your
-                account</h2>
-        </div>
-
-        <div class="mt-5 sm:mx-auto sm:w-full sm:max-w-sm">
-            <small class="block text-red-500 mb-5 text-sm" id="login-error">
-                
-            </small>
-            <form class="space-y-6" id="login-form">
-                <div>
-                    <label for="email" class="block text-sm font-medium leading-6 text-gray-200">Email address</label>
-                    <div class="mt-2">
-                        <input id="email" name="email" type="email" autocomplete="email"
-                            class="px-2 block bg-transparent w-full rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-                    </div>
-                </div>
-
-                <div>
-                    <div class="flex items-center justify-between">
-                        <label for="password" class="block text-sm font-medium leading-6 text-gray-200">Password</label>
-                        <div class="text-sm">
-                            <a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Forgot password?</a>
-                        </div>
-                    </div>
-                    <div class="mt-2">
-                        <input id="password" name="password" type="password" autocomplete="current-password"
-                            class="px-2 block w-full bg-transparent rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-                    </div>
-                </div>
-
-                <div>
-                    <button type="submit" id="submit-button"
-                        class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Sign
-                        in</button>
-                </div>
-            </form>
-
-            <p class="mt-10 text-center text-sm text-gray-200">
-                Not a member?
-                <a href="./Register.html" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Create account</a>
-            </p>
-        </div>
-    </div>
-
-    <script src="./js/login.js"></script>
-
-
-</body>
-
+<!DOCTYPE html>
+<html lang="en" class="h-full bg-black">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./styles/styles.css">
+    <title>Login</title>
+</head>
+
+<body class="h-full">
+
+    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
+        <div class="sm:mx-auto sm:w-full sm:max-w-sm">
+            <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-200">Sign in to your
+                account</h2>
+        </div>
+
+        <div class="mt-5 sm:mx-auto sm:w-full sm:max-w-sm">
+            <small class="block text-red-500 mb-5 text-sm" id="login-error">
+                
+            </small>
+            <form class="space-y-6" id="login-form">
+                <div>
+                    <label for="email" class="block text-sm font-medium leading-6 text-gray-200">Email address</label>
+                    <div class="mt-2">
+                        <input id="email" name="email" type="email" autocomplete="email"
+                            class="px-2 block bg-transparent w-full rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                    </div>
+                </div>
+
+                <div>
+                    <div class="flex items-center justify-between">
+                        <label for="password" class="block text-sm font-medium leading-6 text-gray-200">Password</label>
+                        <div class="text-sm">
+                            <a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Forgot password?</a>
+                        </div>
+                    </div>
+                    <div class="mt-2">
+                        <input id="password" name="password" type="password" autocomplete="current-password"
+                            class="px-2 block w-full bg-transparent rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                    </div>
+                </div>
+
+                <div>
+                    <button type="submit" id="submit-button"
+                        class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Sign
+                        in</button>
+                </div>
+            </form>
+
+            <p class="mt-10 text-center text-sm text-gray-200">
+                Not a member?
+                <a href="./Register.html" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Create account</a>
+            </p>
+        </div>
+    </div>
+
+    <script src="./js/login.js"></script>
+
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/frontend/Register.html b/projects/node-js/advanced/user-registration-system/frontend/Register.html
similarity index 98%
rename from Node-JS-Projects/Advanced/User-Registration-System/frontend/Register.html
rename to projects/node-js/advanced/user-registration-system/frontend/Register.html
index 79d24265..06c0ff4d 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/frontend/Register.html
+++ b/projects/node-js/advanced/user-registration-system/frontend/Register.html
@@ -1,67 +1,67 @@
-<!DOCTYPE html>
-<html lang="en" class="h-full bg-black">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="./styles/styles.css">
-    <title>Create account</title>
-</head>
-<body class="h-full">
-
-    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
-        <div class="sm:mx-auto sm:w-full sm:max-w-sm">
-            <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-200">Create your
-                account</h2>
-        </div>
-
-        <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
-            <form class="space-y-6" id="register-form">
-                <div>
-                    <label for="username" class="block text-sm font-medium leading-6 text-gray-200">Username</label>
-                    <div class="mt-2">
-                        <input id="username" name="username" type="text" autocomplete="username"
-                            class="px-2 block bg-transparent w-full rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-                    </div>
-                    <small class="text-red-500" id="username-error"></small>
-                </div>
-
-                <div>
-                    <label for="email" class="block text-sm font-medium leading-6 text-gray-200">Email address</label>
-                    <div class="mt-2">
-                        <input id="email" name="email" type="text" autocomplete="email"
-                            class="px-2 block bg-transparent w-full rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-                    </div>
-                    <small class="text-red-500" id="email-error"></small>
-                </div>
-
-                <div>
-                    <div class="flex items-center justify-between">
-                        <label for="password" class="block text-sm font-medium leading-6 text-gray-200">Password</label>
-                        <div class="text-sm">
-                            <a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Forgot password?</a>
-                        </div>
-                    </div>
-                    <div class="mt-2">
-                        <input id="password" name="password" type="password" autocomplete="current-password"
-                            class="px-2 block w-full bg-transparent rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-                    </div>
-                    <small class="text-red-500" id="pass-error"></small>
-                </div>
-
-                <div>
-                    <button type="submit" id="submit-button"
-                        class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:pointer-events-none disabled:opacity-50">Create Account</button>
-                </div>
-            </form>
-
-            <p class="mt-10 text-center text-sm text-gray-200">
-                Already a member?
-                <a href="./Login.html" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Sign in</a>
-            </p>
-        </div>
-    </div>
-
-    <script src="./js/register.js"></script>
-
-</body>
+<!DOCTYPE html>
+<html lang="en" class="h-full bg-black">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./styles/styles.css">
+    <title>Create account</title>
+</head>
+<body class="h-full">
+
+    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
+        <div class="sm:mx-auto sm:w-full sm:max-w-sm">
+            <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-200">Create your
+                account</h2>
+        </div>
+
+        <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
+            <form class="space-y-6" id="register-form">
+                <div>
+                    <label for="username" class="block text-sm font-medium leading-6 text-gray-200">Username</label>
+                    <div class="mt-2">
+                        <input id="username" name="username" type="text" autocomplete="username"
+                            class="px-2 block bg-transparent w-full rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                    </div>
+                    <small class="text-red-500" id="username-error"></small>
+                </div>
+
+                <div>
+                    <label for="email" class="block text-sm font-medium leading-6 text-gray-200">Email address</label>
+                    <div class="mt-2">
+                        <input id="email" name="email" type="text" autocomplete="email"
+                            class="px-2 block bg-transparent w-full rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                    </div>
+                    <small class="text-red-500" id="email-error"></small>
+                </div>
+
+                <div>
+                    <div class="flex items-center justify-between">
+                        <label for="password" class="block text-sm font-medium leading-6 text-gray-200">Password</label>
+                        <div class="text-sm">
+                            <a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Forgot password?</a>
+                        </div>
+                    </div>
+                    <div class="mt-2">
+                        <input id="password" name="password" type="password" autocomplete="current-password"
+                            class="px-2 block w-full bg-transparent rounded-md border-0 py-1.5 text-gray-100 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
+                    </div>
+                    <small class="text-red-500" id="pass-error"></small>
+                </div>
+
+                <div>
+                    <button type="submit" id="submit-button"
+                        class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 disabled:pointer-events-none disabled:opacity-50">Create Account</button>
+                </div>
+            </form>
+
+            <p class="mt-10 text-center text-sm text-gray-200">
+                Already a member?
+                <a href="./Login.html" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Sign in</a>
+            </p>
+        </div>
+    </div>
+
+    <script src="./js/register.js"></script>
+
+</body>
 </html>
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/frontend/index.html b/projects/node-js/advanced/user-registration-system/frontend/index.html
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/frontend/index.html
rename to projects/node-js/advanced/user-registration-system/frontend/index.html
index 0f85677e..2455cde7 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/frontend/index.html
+++ b/projects/node-js/advanced/user-registration-system/frontend/index.html
@@ -1,49 +1,49 @@
-<!DOCTYPE html>
-<html lang="en" class="h-full bg-black">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="./styles/styles.css">
-    <title>Home</title>
-</head>
-
-<body class="h-full">
-
-    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
-        <div class="sm:mx-auto sm:w-full sm:max-w-sm" id="before-login">
-            <h2 class="mt-10 mb-5 text-center text-2xl font-bold leading-9 tracking-tight text-gray-200">
-                Sign in to Continue
-            </h2>
-            <a href="./Login.html">
-                <button
-                    class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Sign
-                    in</button>
-            </a>
-        </div>
-
-        <div class="sm:mx-auto sm:w-full sm:max-w-sm border p-2 rounded" id="after-login">
-            <div class="photo-wrapper p-2 flex justify-center w-full">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#6366F1"
-                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"
-                    width="48" height="48">
-                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
-                    <circle cx="12" cy="7" r="4"></circle>
-                </svg>
-            </div>
-            <div class="p-2">
-                <h3 class="text-center text-xl text-gray-200 font-medium leading-8" id="username"></h3>
-                <h3 class="text-center text-xl text-gray-200 font-medium leading-8 my-2" id="email"></h3>
-                <button
-                    class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 mt-5">Sign
-                    out</button>
-
-            </div>
-        </div>
-    </div>
-
-    <script src="./js/profile.js"></script>
-
-</body>
-
+<!DOCTYPE html>
+<html lang="en" class="h-full bg-black">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./styles/styles.css">
+    <title>Home</title>
+</head>
+
+<body class="h-full">
+
+    <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
+        <div class="sm:mx-auto sm:w-full sm:max-w-sm" id="before-login">
+            <h2 class="mt-10 mb-5 text-center text-2xl font-bold leading-9 tracking-tight text-gray-200">
+                Sign in to Continue
+            </h2>
+            <a href="./Login.html">
+                <button
+                    class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Sign
+                    in</button>
+            </a>
+        </div>
+
+        <div class="sm:mx-auto sm:w-full sm:max-w-sm border p-2 rounded" id="after-login">
+            <div class="photo-wrapper p-2 flex justify-center w-full">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#6366F1"
+                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user"
+                    width="48" height="48">
+                    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+                    <circle cx="12" cy="7" r="4"></circle>
+                </svg>
+            </div>
+            <div class="p-2">
+                <h3 class="text-center text-xl text-gray-200 font-medium leading-8" id="username"></h3>
+                <h3 class="text-center text-xl text-gray-200 font-medium leading-8 my-2" id="email"></h3>
+                <button
+                    class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 mt-5">Sign
+                    out</button>
+
+            </div>
+        </div>
+    </div>
+
+    <script src="./js/profile.js"></script>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/frontend/js/login.js b/projects/node-js/advanced/user-registration-system/frontend/js/login.js
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/frontend/js/login.js
rename to projects/node-js/advanced/user-registration-system/frontend/js/login.js
index 69713fff..874b6ea1 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/frontend/js/login.js
+++ b/projects/node-js/advanced/user-registration-system/frontend/js/login.js
@@ -1,58 +1,58 @@
-document.addEventListener("DOMContentLoaded", () => {
-    const form = document.getElementById("login-form");
-    const button = document.getElementById("submit-button");
-
-    form.addEventListener("submit", async (event) => {
-        event.preventDefault();
-
-        document.getElementById("login-error").textContent = "";
-
-        const email = document.getElementById("email").value;
-        const password = document.getElementById("password").value;
-
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        if (!emailRegex.test(email)) {
-            document.getElementById("login-error").textContent = "Invalid email address.";
-            return;
-        }
-
-        if (password.length < 8) {
-            document.getElementById("login-error").textContent = "Password must be at least 8 characters long.";
-            return;
-        }
-
-        try {
-            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 pointer-events-none opacity-50")
-            const response = await fetch("http://localhost:9000/auth/login", {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json"
-                },
-                body: JSON.stringify({ email, password })
-            });
-
-            if (!response.ok) {
-                const errorData = await response.json();
-                console.log(errorData)
-                if (errorData.message) {
-                    document.getElementById("login-error").textContent = errorData.message || "";
-                } else {
-                    alert("An error occurred. Please try again.");
-                }
-            } else {
-                form.reset();
-                alert("Login successful!");
-                const userData = await response.json();
-                localStorage.setItem("user", JSON.stringify(userData.response))
-                window.location.href = "../frontend/index.html"
-            }
-        } catch (error) {
-            alert("An error occurred. Please try again.");
-            console.error("Error:", error);
-        }finally {
-            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600")
-
-            console.log("end")
-        }
-    });
-});
+document.addEventListener("DOMContentLoaded", () => {
+    const form = document.getElementById("login-form");
+    const button = document.getElementById("submit-button");
+
+    form.addEventListener("submit", async (event) => {
+        event.preventDefault();
+
+        document.getElementById("login-error").textContent = "";
+
+        const email = document.getElementById("email").value;
+        const password = document.getElementById("password").value;
+
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(email)) {
+            document.getElementById("login-error").textContent = "Invalid email address.";
+            return;
+        }
+
+        if (password.length < 8) {
+            document.getElementById("login-error").textContent = "Password must be at least 8 characters long.";
+            return;
+        }
+
+        try {
+            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 pointer-events-none opacity-50")
+            const response = await fetch("http://localhost:9000/auth/login", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({ email, password })
+            });
+
+            if (!response.ok) {
+                const errorData = await response.json();
+                console.log(errorData)
+                if (errorData.message) {
+                    document.getElementById("login-error").textContent = errorData.message || "";
+                } else {
+                    alert("An error occurred. Please try again.");
+                }
+            } else {
+                form.reset();
+                alert("Login successful!");
+                const userData = await response.json();
+                localStorage.setItem("user", JSON.stringify(userData.response))
+                window.location.href = "../frontend/index.html"
+            }
+        } catch (error) {
+            alert("An error occurred. Please try again.");
+            console.error("Error:", error);
+        }finally {
+            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600")
+
+            console.log("end")
+        }
+    });
+});
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/frontend/js/profile.js b/projects/node-js/advanced/user-registration-system/frontend/js/profile.js
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/frontend/js/profile.js
rename to projects/node-js/advanced/user-registration-system/frontend/js/profile.js
index 485ece6a..432227ca 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/frontend/js/profile.js
+++ b/projects/node-js/advanced/user-registration-system/frontend/js/profile.js
@@ -1,29 +1,29 @@
-document.addEventListener("DOMContentLoaded", () => {
-    const beforeLogin = document.getElementById("before-login");
-    const afterLogin = document.getElementById("after-login");
-
-    const user = JSON.parse(localStorage.getItem("user"));
-    console.log(user)
-
-    if (user && user.accessToken) {
-        // Assuming user information is also stored in localStorage
-        const username = user?.username || "Unknown";
-        const email = user?.email || "";
-
-        document.getElementById("username").textContent = username;
-        document.getElementById("email").textContent = email;
-
-        beforeLogin.style.display = "none";
-        afterLogin.style.display = "block";
-    } else {
-        beforeLogin.style.display = "block";
-        afterLogin.style.display = "none";
-    }
-
-    afterLogin.querySelector("button").addEventListener("click", () => {
-        localStorage.removeItem("user");
-
-        beforeLogin.style.display = "block";
-        afterLogin.style.display = "none";
-    });
-});
+document.addEventListener("DOMContentLoaded", () => {
+    const beforeLogin = document.getElementById("before-login");
+    const afterLogin = document.getElementById("after-login");
+
+    const user = JSON.parse(localStorage.getItem("user"));
+    console.log(user)
+
+    if (user && user.accessToken) {
+        // Assuming user information is also stored in localStorage
+        const username = user?.username || "Unknown";
+        const email = user?.email || "";
+
+        document.getElementById("username").textContent = username;
+        document.getElementById("email").textContent = email;
+
+        beforeLogin.style.display = "none";
+        afterLogin.style.display = "block";
+    } else {
+        beforeLogin.style.display = "block";
+        afterLogin.style.display = "none";
+    }
+
+    afterLogin.querySelector("button").addEventListener("click", () => {
+        localStorage.removeItem("user");
+
+        beforeLogin.style.display = "block";
+        afterLogin.style.display = "none";
+    });
+});
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/frontend/js/register.js b/projects/node-js/advanced/user-registration-system/frontend/js/register.js
similarity index 97%
rename from Node-JS-Projects/Advanced/User-Registration-System/frontend/js/register.js
rename to projects/node-js/advanced/user-registration-system/frontend/js/register.js
index 3e509266..58bee40d 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/frontend/js/register.js
+++ b/projects/node-js/advanced/user-registration-system/frontend/js/register.js
@@ -1,83 +1,83 @@
-document.addEventListener("DOMContentLoaded", () => {
-    const form = document.getElementById("register-form");
-    const button = document.getElementById("submit-button");
-
-    form.addEventListener("submit", async (event) => {
-        event.preventDefault();
-        console.log("clicked")
-
-
-        // Clear previous error messages
-        document.getElementById("username-error").textContent = "";
-        document.getElementById("email-error").textContent = "";
-        document.getElementById("pass-error").textContent = "";
-
-        // Get form values
-        const username = document.getElementById("username").value;
-        const email = document.getElementById("email").value;
-        const password = document.getElementById("password").value;
-
-        // Validate form values
-        let valid = true;
-
-        if (username.length < 3) {
-            document.getElementById("username-error").textContent = "Username must be at least 3 characters long.";
-            valid = false;
-        }
-
-        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-        if (!emailRegex.test(email)) {
-            document.getElementById("email-error").textContent = "Invalid email address.";
-            valid = false;
-        }
-
-        if (password.length < 8) {
-            document.getElementById("pass-error").textContent = "Password must be at least 8 characters long.";
-            valid = false;
-        }
-        // console.log(event.target.getAttribute("class"))
-
-
-        if (!valid) {
-            return;
-        }
-
-        // Send data to backend API
-        console.log("st", valid)
-        try {
-            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 pointer-events-none opacity-50")
-            const response = await fetch("http://localhost:9000/auth/register", {
-                method: "POST",
-                headers: {
-                    "Content-Type": "application/json"
-                },
-                body: JSON.stringify({ username, email, password })
-            });
-
-            if (!response.ok) {
-                // console.log(response.json())
-                const errorData = await response.json();
-                console.log(errorData)
-                if (errorData.response) {
-                    const { email, username, password } = errorData.response;
-                    document.getElementById("username-error").textContent = username || "";
-                    document.getElementById("email-error").textContent = email || "";
-                    document.getElementById("pass-error").textContent = password || "";
-                } else {
-                    alert("An error occurred. Please try again.");
-                }
-            } else {
-                form.reset();
-                alert("Account created successfully! Login now.");
-                window.location.href = "../frontend/Login.html"
-            }
-        } catch (error) {
-            alert("An error occurred. Please try again.");
-            console.error("Error:", error);
-        }finally {
-            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600")
-
-            console.log("end")
-        }
-    });
-});
+document.addEventListener("DOMContentLoaded", () => {
+    const form = document.getElementById("register-form");
+    const button = document.getElementById("submit-button");
+
+    form.addEventListener("submit", async (event) => {
+        event.preventDefault();
+        console.log("clicked")
+
+
+        // Clear previous error messages
+        document.getElementById("username-error").textContent = "";
+        document.getElementById("email-error").textContent = "";
+        document.getElementById("pass-error").textContent = "";
+
+        // Get form values
+        const username = document.getElementById("username").value;
+        const email = document.getElementById("email").value;
+        const password = document.getElementById("password").value;
+
+        // Validate form values
+        let valid = true;
+
+        if (username.length < 3) {
+            document.getElementById("username-error").textContent = "Username must be at least 3 characters long.";
+            valid = false;
+        }
+
+        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(email)) {
+            document.getElementById("email-error").textContent = "Invalid email address.";
+            valid = false;
+        }
+
+        if (password.length < 8) {
+            document.getElementById("pass-error").textContent = "Password must be at least 8 characters long.";
+            valid = false;
+        }
+        // console.log(event.target.getAttribute("class"))
+
+
+        if (!valid) {
+            return;
+        }
+
+        // Send data to backend API
+        console.log("st", valid)
+        try {
+            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 pointer-events-none opacity-50")
+            const response = await fetch("http://localhost:9000/auth/register", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({ username, email, password })
+            });
+
+            if (!response.ok) {
+                // console.log(response.json())
+                const errorData = await response.json();
+                console.log(errorData)
+                if (errorData.response) {
+                    const { email, username, password } = errorData.response;
+                    document.getElementById("username-error").textContent = username || "";
+                    document.getElementById("email-error").textContent = email || "";
+                    document.getElementById("pass-error").textContent = password || "";
+                } else {
+                    alert("An error occurred. Please try again.");
+                }
+            } else {
+                form.reset();
+                alert("Account created successfully! Login now.");
+                window.location.href = "../frontend/Login.html"
+            }
+        } catch (error) {
+            alert("An error occurred. Please try again.");
+            console.error("Error:", error);
+        }finally {
+            button.setAttribute("class", "flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600")
+
+            console.log("end")
+        }
+    });
+});
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/frontend/styles/styles.css b/projects/node-js/advanced/user-registration-system/frontend/styles/styles.css
similarity index 98%
rename from Node-JS-Projects/Advanced/User-Registration-System/frontend/styles/styles.css
rename to projects/node-js/advanced/user-registration-system/frontend/styles/styles.css
index 3de0a1ea..35a3fa96 100644
--- a/Node-JS-Projects/Advanced/User-Registration-System/frontend/styles/styles.css
+++ b/projects/node-js/advanced/user-registration-system/frontend/styles/styles.css
@@ -1 +1 @@
-@import "https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";
+@import "https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/images/image01.png b/projects/node-js/advanced/user-registration-system/images/image01.png
similarity index 100%
rename from Node-JS-Projects/Advanced/User-Registration-System/images/image01.png
rename to projects/node-js/advanced/user-registration-system/images/image01.png
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/images/image02.png b/projects/node-js/advanced/user-registration-system/images/image02.png
similarity index 100%
rename from Node-JS-Projects/Advanced/User-Registration-System/images/image02.png
rename to projects/node-js/advanced/user-registration-system/images/image02.png
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/images/image03.png b/projects/node-js/advanced/user-registration-system/images/image03.png
similarity index 100%
rename from Node-JS-Projects/Advanced/User-Registration-System/images/image03.png
rename to projects/node-js/advanced/user-registration-system/images/image03.png
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/images/image04.png b/projects/node-js/advanced/user-registration-system/images/image04.png
similarity index 100%
rename from Node-JS-Projects/Advanced/User-Registration-System/images/image04.png
rename to projects/node-js/advanced/user-registration-system/images/image04.png
diff --git a/Node-JS-Projects/Advanced/User-Registration-System/screenshot.webp b/projects/node-js/advanced/user-registration-system/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Advanced/User-Registration-System/screenshot.webp
rename to projects/node-js/advanced/user-registration-system/screenshot.webp
diff --git a/Node-JS-Projects/Basic/Crud-Operations/.env.example b/projects/node-js/basic/crud-operations/.env.example
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/.env.example
rename to projects/node-js/basic/crud-operations/.env.example
diff --git a/Node-JS-Projects/Basic/Crud-Operations/README.md b/projects/node-js/basic/crud-operations/README.md
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/README.md
rename to projects/node-js/basic/crud-operations/README.md
diff --git a/Node-JS-Projects/Basic/Crud-Operations/db/config.js b/projects/node-js/basic/crud-operations/db/config.js
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/db/config.js
rename to projects/node-js/basic/crud-operations/db/config.js
diff --git a/Node-JS-Projects/Basic/Crud-Operations/package.json b/projects/node-js/basic/crud-operations/package.json
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/package.json
rename to projects/node-js/basic/crud-operations/package.json
diff --git a/Node-JS-Projects/Basic/Crud-Operations/public/app.js b/projects/node-js/basic/crud-operations/public/app.js
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/public/app.js
rename to projects/node-js/basic/crud-operations/public/app.js
diff --git a/Node-JS-Projects/Basic/Crud-Operations/public/index.html b/projects/node-js/basic/crud-operations/public/index.html
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/public/index.html
rename to projects/node-js/basic/crud-operations/public/index.html
diff --git a/Node-JS-Projects/Basic/Crud-Operations/public/style.css b/projects/node-js/basic/crud-operations/public/style.css
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/public/style.css
rename to projects/node-js/basic/crud-operations/public/style.css
diff --git a/Node-JS-Projects/Basic/Crud-Operations/screenshot.webp b/projects/node-js/basic/crud-operations/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/screenshot.webp
rename to projects/node-js/basic/crud-operations/screenshot.webp
diff --git a/Node-JS-Projects/Basic/Crud-Operations/server.js b/projects/node-js/basic/crud-operations/server.js
similarity index 100%
rename from Node-JS-Projects/Basic/Crud-Operations/server.js
rename to projects/node-js/basic/crud-operations/server.js
diff --git a/Node-JS-Projects/Basic/Headline-Hub/README.md b/projects/node-js/basic/headline-hub/README.md
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/README.md
rename to projects/node-js/basic/headline-hub/README.md
diff --git a/Node-JS-Projects/Basic/Headline-Hub/app.js b/projects/node-js/basic/headline-hub/app.js
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/app.js
rename to projects/node-js/basic/headline-hub/app.js
diff --git a/Node-JS-Projects/Basic/Headline-Hub/package.json b/projects/node-js/basic/headline-hub/package.json
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/package.json
rename to projects/node-js/basic/headline-hub/package.json
diff --git a/Node-JS-Projects/Basic/Headline-Hub/public/css/styles.css b/projects/node-js/basic/headline-hub/public/css/styles.css
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/public/css/styles.css
rename to projects/node-js/basic/headline-hub/public/css/styles.css
diff --git a/Node-JS-Projects/Basic/Headline-Hub/screenshot.webp b/projects/node-js/basic/headline-hub/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/screenshot.webp
rename to projects/node-js/basic/headline-hub/screenshot.webp
diff --git a/Node-JS-Projects/Basic/Headline-Hub/src/routes/news.js b/projects/node-js/basic/headline-hub/src/routes/news.js
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/src/routes/news.js
rename to projects/node-js/basic/headline-hub/src/routes/news.js
diff --git a/Node-JS-Projects/Basic/Headline-Hub/src/views/news.ejs b/projects/node-js/basic/headline-hub/src/views/news.ejs
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/src/views/news.ejs
rename to projects/node-js/basic/headline-hub/src/views/news.ejs
diff --git a/Node-JS-Projects/Basic/Headline-Hub/src/views/newsSearch.ejs b/projects/node-js/basic/headline-hub/src/views/newsSearch.ejs
similarity index 100%
rename from Node-JS-Projects/Basic/Headline-Hub/src/views/newsSearch.ejs
rename to projects/node-js/basic/headline-hub/src/views/newsSearch.ejs
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/README.md b/projects/node-js/basic/infinite-scrolling/README.md
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/README.md
rename to projects/node-js/basic/infinite-scrolling/README.md
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/client/index.html b/projects/node-js/basic/infinite-scrolling/client/index.html
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/client/index.html
rename to projects/node-js/basic/infinite-scrolling/client/index.html
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/client/index.js b/projects/node-js/basic/infinite-scrolling/client/index.js
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/client/index.js
rename to projects/node-js/basic/infinite-scrolling/client/index.js
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/client/style.css b/projects/node-js/basic/infinite-scrolling/client/style.css
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/client/style.css
rename to projects/node-js/basic/infinite-scrolling/client/style.css
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/package.json b/projects/node-js/basic/infinite-scrolling/package.json
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/package.json
rename to projects/node-js/basic/infinite-scrolling/package.json
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/screenshot.webp b/projects/node-js/basic/infinite-scrolling/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/screenshot.webp
rename to projects/node-js/basic/infinite-scrolling/screenshot.webp
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/server/app.js b/projects/node-js/basic/infinite-scrolling/server/app.js
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/server/app.js
rename to projects/node-js/basic/infinite-scrolling/server/app.js
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/server/db.js b/projects/node-js/basic/infinite-scrolling/server/db.js
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/server/db.js
rename to projects/node-js/basic/infinite-scrolling/server/db.js
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/server/insertPosts.js b/projects/node-js/basic/infinite-scrolling/server/insertPosts.js
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/server/insertPosts.js
rename to projects/node-js/basic/infinite-scrolling/server/insertPosts.js
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/server/package.json b/projects/node-js/basic/infinite-scrolling/server/package.json
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/server/package.json
rename to projects/node-js/basic/infinite-scrolling/server/package.json
diff --git a/Node-JS-Projects/Basic/Infinite-Scrolling/server/postService.js b/projects/node-js/basic/infinite-scrolling/server/postService.js
similarity index 100%
rename from Node-JS-Projects/Basic/Infinite-Scrolling/server/postService.js
rename to projects/node-js/basic/infinite-scrolling/server/postService.js
diff --git a/Node-JS-Projects/Intermediate/Gmail-Nodemailer/app.js b/projects/node-js/intermediate/gmail-nodemailer/app.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/Gmail-Nodemailer/app.js
rename to projects/node-js/intermediate/gmail-nodemailer/app.js
diff --git a/Node-JS-Projects/Intermediate/Gmail-Nodemailer/package.json b/projects/node-js/intermediate/gmail-nodemailer/package.json
similarity index 100%
rename from Node-JS-Projects/Intermediate/Gmail-Nodemailer/package.json
rename to projects/node-js/intermediate/gmail-nodemailer/package.json
diff --git a/Node-JS-Projects/Intermediate/Gmail-Nodemailer/public/mail.css b/projects/node-js/intermediate/gmail-nodemailer/public/mail.css
similarity index 100%
rename from Node-JS-Projects/Intermediate/Gmail-Nodemailer/public/mail.css
rename to projects/node-js/intermediate/gmail-nodemailer/public/mail.css
diff --git a/Node-JS-Projects/Intermediate/Gmail-Nodemailer/public/mail.html b/projects/node-js/intermediate/gmail-nodemailer/public/mail.html
similarity index 100%
rename from Node-JS-Projects/Intermediate/Gmail-Nodemailer/public/mail.html
rename to projects/node-js/intermediate/gmail-nodemailer/public/mail.html
diff --git a/Node-JS-Projects/Intermediate/Gmail-Nodemailer/readme.md b/projects/node-js/intermediate/gmail-nodemailer/readme.md
similarity index 100%
rename from Node-JS-Projects/Intermediate/Gmail-Nodemailer/readme.md
rename to projects/node-js/intermediate/gmail-nodemailer/readme.md
diff --git a/Node-JS-Projects/Intermediate/Gmail-Nodemailer/screenshot.webp b/projects/node-js/intermediate/gmail-nodemailer/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Intermediate/Gmail-Nodemailer/screenshot.webp
rename to projects/node-js/intermediate/gmail-nodemailer/screenshot.webp
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/README.md b/projects/node-js/intermediate/jwt-authenticator-with-roles/README.md
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/README.md
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/README.md
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/image-1.png b/projects/node-js/intermediate/jwt-authenticator-with-roles/images/image-1.png
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/image-1.png
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/images/image-1.png
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/image.png b/projects/node-js/intermediate/jwt-authenticator-with-roles/images/image.png
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/image.png
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/images/image.png
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/logout.png b/projects/node-js/intermediate/jwt-authenticator-with-roles/images/logout.png
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/logout.png
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/images/logout.png
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/protectedUser.png b/projects/node-js/intermediate/jwt-authenticator-with-roles/images/protectedUser.png
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/protectedUser.png
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/images/protectedUser.png
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/protected_admin.png b/projects/node-js/intermediate/jwt-authenticator-with-roles/images/protected_admin.png
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/protected_admin.png
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/images/protected_admin.png
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/refresh.png b/projects/node-js/intermediate/jwt-authenticator-with-roles/images/refresh.png
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/refresh.png
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/images/refresh.png
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/register_admin.png b/projects/node-js/intermediate/jwt-authenticator-with-roles/images/register_admin.png
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/images/register_admin.png
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/images/register_admin.png
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/package-lock.json b/projects/node-js/intermediate/jwt-authenticator-with-roles/package-lock.json
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/package-lock.json
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/package-lock.json
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/package.json b/projects/node-js/intermediate/jwt-authenticator-with-roles/package.json
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/package.json
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/package.json
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/screenshot.webp b/projects/node-js/intermediate/jwt-authenticator-with-roles/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/screenshot.webp
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/screenshot.webp
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/app.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/app.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/app.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/app.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/constants.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/constants.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/constants.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/constants.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/controllers/user.controller.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/controllers/user.controller.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/controllers/user.controller.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/controllers/user.controller.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/db/index.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/db/index.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/db/index.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/db/index.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/index.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/index.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/index.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/index.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/middlewares/auth.middleware.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/middlewares/auth.middleware.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/middlewares/auth.middleware.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/middlewares/auth.middleware.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/middlewares/permit.middleware.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/middlewares/permit.middleware.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/middlewares/permit.middleware.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/middlewares/permit.middleware.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/models/user.model.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/models/user.model.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/models/user.model.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/models/user.model.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/routes/user.routes.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/routes/user.routes.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/routes/user.routes.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/routes/user.routes.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/utils/ApiError.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/utils/ApiError.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/utils/ApiError.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/utils/ApiError.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/utils/ApiResponse.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/utils/ApiResponse.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/utils/ApiResponse.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/utils/ApiResponse.js
diff --git a/Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/utils/asyncHandler.js b/projects/node-js/intermediate/jwt-authenticator-with-roles/src/utils/asyncHandler.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/JWT-Authenticator-With-Roles/src/utils/asyncHandler.js
rename to projects/node-js/intermediate/jwt-authenticator-with-roles/src/utils/asyncHandler.js
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/README.md b/projects/node-js/intermediate/url-scraper/README.md
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/README.md
rename to projects/node-js/intermediate/url-scraper/README.md
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/app.js b/projects/node-js/intermediate/url-scraper/app.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/app.js
rename to projects/node-js/intermediate/url-scraper/app.js
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/package-lock.json b/projects/node-js/intermediate/url-scraper/package-lock.json
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/package-lock.json
rename to projects/node-js/intermediate/url-scraper/package-lock.json
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/package.json b/projects/node-js/intermediate/url-scraper/package.json
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/package.json
rename to projects/node-js/intermediate/url-scraper/package.json
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/public/styles.css b/projects/node-js/intermediate/url-scraper/public/styles.css
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/public/styles.css
rename to projects/node-js/intermediate/url-scraper/public/styles.css
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/routes/index.js b/projects/node-js/intermediate/url-scraper/routes/index.js
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/routes/index.js
rename to projects/node-js/intermediate/url-scraper/routes/index.js
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/screenshot.webp b/projects/node-js/intermediate/url-scraper/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/screenshot.webp
rename to projects/node-js/intermediate/url-scraper/screenshot.webp
diff --git a/Node-JS-Projects/Intermediate/Url-Scraper/views/index.html b/projects/node-js/intermediate/url-scraper/views/index.html
similarity index 100%
rename from Node-JS-Projects/Intermediate/Url-Scraper/views/index.html
rename to projects/node-js/intermediate/url-scraper/views/index.html
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/README.md b/projects/node-js/intermediate/youtube-video-downloader/README.md
similarity index 100%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/README.md
rename to projects/node-js/intermediate/youtube-video-downloader/README.md
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/index.html b/projects/node-js/intermediate/youtube-video-downloader/client/index.html
similarity index 97%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/index.html
rename to projects/node-js/intermediate/youtube-video-downloader/client/index.html
index 64a9a109..6ea51e12 100644
--- a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/index.html
+++ b/projects/node-js/intermediate/youtube-video-downloader/client/index.html
@@ -1,29 +1,29 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>YouTube Video Downloader</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <div class="container">
-        <h1>YouTube Video Downloader</h1><br>
-        <input type="text" id="videoUrl" placeholder="Enter YouTube video URL"><br>
-        <select id="quality">
-            <option value="">Select Quality</option>
-            <option value="144p">144p</option>
-            <option value="240p">240p</option>
-            <option value="360p">360p</option>
-            <option value="480p">480p</option>
-            <option value="720p">720p</option>
-            <option value="1080p">1080p</option>
-            <option value="1440p">1440p</option>
-        </select><br>
-        <button id="downloadBtn">Download</button>
-        <div id="downloadLinks"></div>
-        <div id="message"></div> <!-- Message div -->
-    </div>
-
-    <script src="index.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>YouTube Video Downloader</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <h1>YouTube Video Downloader</h1><br>
+        <input type="text" id="videoUrl" placeholder="Enter YouTube video URL"><br>
+        <select id="quality">
+            <option value="">Select Quality</option>
+            <option value="144p">144p</option>
+            <option value="240p">240p</option>
+            <option value="360p">360p</option>
+            <option value="480p">480p</option>
+            <option value="720p">720p</option>
+            <option value="1080p">1080p</option>
+            <option value="1440p">1440p</option>
+        </select><br>
+        <button id="downloadBtn">Download</button>
+        <div id="downloadLinks"></div>
+        <div id="message"></div> <!-- Message div -->
+    </div>
+
+    <script src="index.js"></script>
+</body>
+</html>
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/index.js b/projects/node-js/intermediate/youtube-video-downloader/client/index.js
similarity index 97%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/index.js
rename to projects/node-js/intermediate/youtube-video-downloader/client/index.js
index 356851d0..6aad9557 100644
--- a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/index.js
+++ b/projects/node-js/intermediate/youtube-video-downloader/client/index.js
@@ -1,68 +1,68 @@
-document.querySelector('#downloadBtn').addEventListener('click', handleVideoDownload);
-
-async function handleVideoDownload() {
-    const videoLink = document.querySelector('#videoUrl').value;
-    const videoQuality = document.querySelector('#quality').value;
-
-    if (!validateYouTubeUrl(videoLink)) {
-        alert('Please enter a valid YouTube video URL.');
-        return;
-    }
-
-    const vidId = getVideoIdFromUrl(videoLink);
-
-    try {
-        displayMessage('Downloading...');
-
-        console.log(`Requesting video from: http://localhost:3000/download?videoId=${vidId}&quality=${videoQuality}`);
-        const response = await fetch(`http://localhost:3000/download?videoId=${vidId}&quality=${videoQuality}`);
-
-        if (!response.ok) {
-            const errorText = await response.text();
-            throw new Error(`Network response was not ok: ${response.statusText}. Error message: ${errorText}`);
-        }
-
-        const videoBlob = await response.blob();
-        const downloadUrl = URL.createObjectURL(videoBlob);
-
-        const anchorElement = document.createElement('a');
-        anchorElement.style.display = 'none';
-        anchorElement.href = downloadUrl;
-        anchorElement.download = 'video.mp4';
-        document.body.appendChild(anchorElement);
-        anchorElement.click();
-        URL.revokeObjectURL(downloadUrl);
-
-        displayMessage('Download completed.');
-    } catch (error) {
-        console.error('Error downloading the video:', error);
-        displayMessage('Error downloading the video.');
-    }
-}
-
-function validateYouTubeUrl(url) {
-    const regex = /^(http(s)?:\/\/)?((w){3}.)?youtu(be|.be)?(\.com)?\/.+/i;
-    return regex.test(url);
-}
-
-function getVideoIdFromUrl(url) {
-    let vidId = '';
-    const urlSearchParams = new URLSearchParams(new URL(url).search);
-    if (url.includes('youtube.com') && urlSearchParams.has('v')) {
-        vidId = urlSearchParams.get('v');
-    } else if (url.includes('youtu.be')) {
-        vidId = new URL(url).pathname.slice(1);
-    }
-
-    const idRegex = /^[a-zA-Z0-9-_]{11}$/;
-    if (!idRegex.test(vidId)) {
-        throw new Error(`Invalid video ID: ${vidId}`);
-    }
-
-    return vidId;
-}
-
-function displayMessage(msg) {
-    const msgDiv = document.querySelector('#message');
-    msgDiv.innerText = msg;
-}
+document.querySelector('#downloadBtn').addEventListener('click', handleVideoDownload);
+
+async function handleVideoDownload() {
+    const videoLink = document.querySelector('#videoUrl').value;
+    const videoQuality = document.querySelector('#quality').value;
+
+    if (!validateYouTubeUrl(videoLink)) {
+        alert('Please enter a valid YouTube video URL.');
+        return;
+    }
+
+    const vidId = getVideoIdFromUrl(videoLink);
+
+    try {
+        displayMessage('Downloading...');
+
+        console.log(`Requesting video from: http://localhost:3000/download?videoId=${vidId}&quality=${videoQuality}`);
+        const response = await fetch(`http://localhost:3000/download?videoId=${vidId}&quality=${videoQuality}`);
+
+        if (!response.ok) {
+            const errorText = await response.text();
+            throw new Error(`Network response was not ok: ${response.statusText}. Error message: ${errorText}`);
+        }
+
+        const videoBlob = await response.blob();
+        const downloadUrl = URL.createObjectURL(videoBlob);
+
+        const anchorElement = document.createElement('a');
+        anchorElement.style.display = 'none';
+        anchorElement.href = downloadUrl;
+        anchorElement.download = 'video.mp4';
+        document.body.appendChild(anchorElement);
+        anchorElement.click();
+        URL.revokeObjectURL(downloadUrl);
+
+        displayMessage('Download completed.');
+    } catch (error) {
+        console.error('Error downloading the video:', error);
+        displayMessage('Error downloading the video.');
+    }
+}
+
+function validateYouTubeUrl(url) {
+    const regex = /^(http(s)?:\/\/)?((w){3}.)?youtu(be|.be)?(\.com)?\/.+/i;
+    return regex.test(url);
+}
+
+function getVideoIdFromUrl(url) {
+    let vidId = '';
+    const urlSearchParams = new URLSearchParams(new URL(url).search);
+    if (url.includes('youtube.com') && urlSearchParams.has('v')) {
+        vidId = urlSearchParams.get('v');
+    } else if (url.includes('youtu.be')) {
+        vidId = new URL(url).pathname.slice(1);
+    }
+
+    const idRegex = /^[a-zA-Z0-9-_]{11}$/;
+    if (!idRegex.test(vidId)) {
+        throw new Error(`Invalid video ID: ${vidId}`);
+    }
+
+    return vidId;
+}
+
+function displayMessage(msg) {
+    const msgDiv = document.querySelector('#message');
+    msgDiv.innerText = msg;
+}
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/styles.css b/projects/node-js/intermediate/youtube-video-downloader/client/styles.css
similarity index 94%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/styles.css
rename to projects/node-js/intermediate/youtube-video-downloader/client/styles.css
index 12499102..5669567e 100644
--- a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/client/styles.css
+++ b/projects/node-js/intermediate/youtube-video-downloader/client/styles.css
@@ -1,85 +1,85 @@
-body {
-    font-family: Arial, sans-serif;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-image: linear-gradient( to right, #FEB692 10%, #EA5455 100%);
-}
-
-.container {
-    margin-top: 200px;
-    width: 450px;
-    height: 300px;
-    padding: 20px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
-    background-color: #fff;
-    border-radius: 8px;
-    text-align: center;
-}
-
-h1 {
-    font-size: 1.8em;
-    margin-bottom: 20px;
-    color: #ff0000; 
-}
-
-input[type="text"] {
-    width: 250px; 
-    padding: 10px;
-    margin-bottom: 20px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    transition: border-color 0.3s ease;
-}
-
-input[type="text"]:focus {
-    border-color: #ff0000; 
-    outline: none;
-}
-
-select {
-    width: 150px;
-    padding: 10px;
-    margin-bottom: 20px;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    background-color: #fff;
-    color: #000;
-}
-
-button {
-    padding: 10px 20px;
-    background-color: #ff0000;
-    color: #fff;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
-}
-
-button:hover {
-    background-color: #cc0000; 
-}
-
-#downloadLinks {
-    margin-top: 20px;
-    text-align: left;
-}
-
-#downloadLinks a {
-    display: block;
-    margin-bottom: 10px;
-    color: #ff0000;
-    text-decoration: none;
-    transition: color 0.3s ease;
-}
-
-#downloadLinks a:hover {
-    color: #cc0000; 
-}
-
-#message {
-    margin-top: 20px;
-    color: #555;
-    font-size: 1.2em;
-}
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-image: linear-gradient( to right, #FEB692 10%, #EA5455 100%);
+}
+
+.container {
+    margin-top: 200px;
+    width: 450px;
+    height: 300px;
+    padding: 20px;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
+    background-color: #fff;
+    border-radius: 8px;
+    text-align: center;
+}
+
+h1 {
+    font-size: 1.8em;
+    margin-bottom: 20px;
+    color: #ff0000; 
+}
+
+input[type="text"] {
+    width: 250px; 
+    padding: 10px;
+    margin-bottom: 20px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    transition: border-color 0.3s ease;
+}
+
+input[type="text"]:focus {
+    border-color: #ff0000; 
+    outline: none;
+}
+
+select {
+    width: 150px;
+    padding: 10px;
+    margin-bottom: 20px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    background-color: #fff;
+    color: #000;
+}
+
+button {
+    padding: 10px 20px;
+    background-color: #ff0000;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+button:hover {
+    background-color: #cc0000; 
+}
+
+#downloadLinks {
+    margin-top: 20px;
+    text-align: left;
+}
+
+#downloadLinks a {
+    display: block;
+    margin-bottom: 10px;
+    color: #ff0000;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+#downloadLinks a:hover {
+    color: #cc0000; 
+}
+
+#message {
+    margin-top: 20px;
+    color: #555;
+    font-size: 1.2em;
+}
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/screenshot.webp b/projects/node-js/intermediate/youtube-video-downloader/screenshot.webp
similarity index 100%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/screenshot.webp
rename to projects/node-js/intermediate/youtube-video-downloader/screenshot.webp
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/package-lock.json b/projects/node-js/intermediate/youtube-video-downloader/server/package-lock.json
similarity index 97%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/package-lock.json
rename to projects/node-js/intermediate/youtube-video-downloader/server/package-lock.json
index 5cb5a7b7..ff798d19 100644
--- a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/package-lock.json
+++ b/projects/node-js/intermediate/youtube-video-downloader/server/package-lock.json
@@ -1,750 +1,750 @@
-{
-  "name": "YouTube Video Downloader",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "dependencies": {
-        "cors": "^2.8.5",
-        "express": "^4.19.2",
-        "ytdl-core": "^4.11.5"
-      }
-    },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
-    },
-    "node_modules/body-parser": {
-      "version": "1.20.2",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
-      "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "content-type": "~1.0.5",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "on-finished": "2.4.1",
-        "qs": "6.11.0",
-        "raw-body": "2.5.2",
-        "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
-      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-      "dependencies": {
-        "safe-buffer": "5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
-      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
-    },
-    "node_modules/cors": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
-      "dependencies": {
-        "object-assign": "^4",
-        "vary": "^1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/depd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/destroy": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
-    },
-    "node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
-      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
-    },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express": {
-      "version": "4.19.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
-      "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
-      "dependencies": {
-        "accepts": "~1.3.8",
-        "array-flatten": "1.1.1",
-        "body-parser": "1.20.2",
-        "content-disposition": "0.5.4",
-        "content-type": "~1.0.4",
-        "cookie": "0.6.0",
-        "cookie-signature": "1.0.6",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "1.2.0",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.1",
-        "methods": "~1.1.2",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.7",
-        "proxy-addr": "~2.0.7",
-        "qs": "6.11.0",
-        "range-parser": "~1.2.1",
-        "safe-buffer": "5.2.1",
-        "send": "0.18.0",
-        "serve-static": "1.15.0",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "type-is": "~1.6.18",
-        "utils-merge": "1.0.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
-    "node_modules/finalhandler": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
-      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
-      "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "statuses": "2.0.1",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
-      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "has-proto": "^1.0.1",
-        "has-symbols": "^1.0.3",
-        "hasown": "^2.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
-      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-      "dependencies": {
-        "depd": "2.0.0",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "toidentifier": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/m3u8stream": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/m3u8stream/-/m3u8stream-0.8.6.tgz",
-      "integrity": "sha512-LZj8kIVf9KCphiHmH7sbFQTVe4tOemb202fWwvJwR9W5ENW/1hxJN6ksAWGhQgSBSa3jyWhnjKU1Fw1GaOdbyA==",
-      "dependencies": {
-        "miniget": "^4.2.2",
-        "sax": "^1.2.4"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/merge-descriptors": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
-      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
-    },
-    "node_modules/methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/miniget": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/miniget/-/miniget-4.2.3.tgz",
-      "integrity": "sha512-SjbDPDICJ1zT+ZvQwK0hUcRY4wxlhhNpHL9nJOB2MEAXRGagTljsO8MEDzQMTFf0Q8g4QNi8P9lEm/g7e+qgzA==",
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/on-finished": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/path-to-regexp": {
-      "version": "0.1.7",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
-      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
-    },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-      "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/qs": {
-      "version": "6.11.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
-      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
-      "dependencies": {
-        "side-channel": "^1.0.4"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/raw-body": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
-    },
-    "node_modules/sax": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz",
-      "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA=="
-    },
-    "node_modules/send": {
-      "version": "0.18.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
-      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
-      "dependencies": {
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "mime": "1.6.0",
-        "ms": "2.1.3",
-        "on-finished": "2.4.1",
-        "range-parser": "~1.2.1",
-        "statuses": "2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/send/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-    },
-    "node_modules/serve-static": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
-      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
-      "dependencies": {
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.3",
-        "send": "0.18.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/setprototypeof": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
-    },
-    "node_modules/side-channel": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
-      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.4",
-        "object-inspect": "^1.13.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/toidentifier": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/utils-merge": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/ytdl-core": {
-      "version": "4.11.5",
-      "resolved": "https://registry.npmjs.org/ytdl-core/-/ytdl-core-4.11.5.tgz",
-      "integrity": "sha512-27LwsW4n4nyNviRCO1hmr8Wr5J1wLLMawHCQvH8Fk0hiRqrxuIu028WzbJetiYH28K8XDbeinYW4/wcHQD1EXA==",
-      "dependencies": {
-        "m3u8stream": "^0.8.6",
-        "miniget": "^4.2.2",
-        "sax": "^1.1.3"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    }
-  }
-}
+{
+  "name": "YouTube Video Downloader",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "cors": "^2.8.5",
+        "express": "^4.19.2",
+        "ytdl-core": "^4.11.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.2",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.2.tgz",
+      "integrity": "sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.11.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.19.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.19.2.tgz",
+      "integrity": "sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.2",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.6.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.2.0",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.11.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.18.0",
+        "serve-static": "1.15.0",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/m3u8stream": {
+      "version": "0.8.6",
+      "resolved": "https://registry.npmjs.org/m3u8stream/-/m3u8stream-0.8.6.tgz",
+      "integrity": "sha512-LZj8kIVf9KCphiHmH7sbFQTVe4tOemb202fWwvJwR9W5ENW/1hxJN6ksAWGhQgSBSa3jyWhnjKU1Fw1GaOdbyA==",
+      "dependencies": {
+        "miniget": "^4.2.2",
+        "sax": "^1.2.4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/miniget": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/miniget/-/miniget-4.2.3.tgz",
+      "integrity": "sha512-SjbDPDICJ1zT+ZvQwK0hUcRY4wxlhhNpHL9nJOB2MEAXRGagTljsO8MEDzQMTFf0Q8g4QNi8P9lEm/g7e+qgzA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/sax": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.3.0.tgz",
+      "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA=="
+    },
+    "node_modules/send": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "dependencies": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.18.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/ytdl-core": {
+      "version": "4.11.5",
+      "resolved": "https://registry.npmjs.org/ytdl-core/-/ytdl-core-4.11.5.tgz",
+      "integrity": "sha512-27LwsW4n4nyNviRCO1hmr8Wr5J1wLLMawHCQvH8Fk0hiRqrxuIu028WzbJetiYH28K8XDbeinYW4/wcHQD1EXA==",
+      "dependencies": {
+        "m3u8stream": "^0.8.6",
+        "miniget": "^4.2.2",
+        "sax": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    }
+  }
+}
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/package.json b/projects/node-js/intermediate/youtube-video-downloader/server/package.json
similarity index 93%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/package.json
rename to projects/node-js/intermediate/youtube-video-downloader/server/package.json
index c98258b8..6285a3ca 100644
--- a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/package.json
+++ b/projects/node-js/intermediate/youtube-video-downloader/server/package.json
@@ -1,7 +1,7 @@
-{
-  "dependencies": {
-    "cors": "^2.8.5",
-    "express": "^4.19.2",
-    "ytdl-core": "^4.11.5"
-  }
-}
+{
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^4.19.2",
+    "ytdl-core": "^4.11.5"
+  }
+}
diff --git a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/server.js b/projects/node-js/intermediate/youtube-video-downloader/server/server.js
similarity index 96%
rename from Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/server.js
rename to projects/node-js/intermediate/youtube-video-downloader/server/server.js
index df224d2c..edc700bd 100644
--- a/Node-JS-Projects/Intermediate/YouTube-Video-Downloader/server/server.js
+++ b/projects/node-js/intermediate/youtube-video-downloader/server/server.js
@@ -1,51 +1,51 @@
-const express = require('express');
-const ytdl = require('ytdl-core');
-const cors = require('cors');
-const app = express();
-const port = 3000;
-
-app.use(cors());
-
-app.get('/', (req, res) => {
-    res.send('Hello World!');
-});
-
-app.get('/download', async (req, res) => {
-    try {
-        const videoId = req.query.videoId;
-        const quality = req.query.quality || '1080p'; // Default quality set to 1080p
-
-        // Validate videoId format
-        if (!isValidVideoIdFormat(videoId)) {
-            return res.status(400).send('Invalid video ID format');
-        }
-
-        const url = `https://www.youtube.com/watch?v=${videoId}`;
-        const info = await ytdl.getInfo(url);
-
-        // Check if the requested quality is available
-        const availableQualities = ['144p', '240p', '360p', '480p', '720p', '1080p', '1440p'];
-        if (!availableQualities.includes(quality)) {
-            return res.status(400).send(`Requested quality (${quality}) is not available. Available qualities: ${availableQualities.join(', ')}`);
-        }
-
-        // Find the format with the desired quality
-        const format = info.formats.find(format => format.qualityLabel === quality);
-
-        res.header('Content-Disposition', 'attachment; filename="video.mp4"');
-        ytdl(url, { format }).pipe(res);
-    } catch (error) {
-        console.error('Error downloading the video:', error);
-        res.status(500).send('Error downloading the video');
-    }
-});
-
-
-
-app.listen(port, () => {
-    console.log(`Server is running on http://localhost:${port}`);
-});
-
-function isValidVideoIdFormat(videoId) {
-    return /^[a-zA-Z0-9-_]{11}$/.test(videoId);
-}
+const express = require('express');
+const ytdl = require('ytdl-core');
+const cors = require('cors');
+const app = express();
+const port = 3000;
+
+app.use(cors());
+
+app.get('/', (req, res) => {
+    res.send('Hello World!');
+});
+
+app.get('/download', async (req, res) => {
+    try {
+        const videoId = req.query.videoId;
+        const quality = req.query.quality || '1080p'; // Default quality set to 1080p
+
+        // Validate videoId format
+        if (!isValidVideoIdFormat(videoId)) {
+            return res.status(400).send('Invalid video ID format');
+        }
+
+        const url = `https://www.youtube.com/watch?v=${videoId}`;
+        const info = await ytdl.getInfo(url);
+
+        // Check if the requested quality is available
+        const availableQualities = ['144p', '240p', '360p', '480p', '720p', '1080p', '1440p'];
+        if (!availableQualities.includes(quality)) {
+            return res.status(400).send(`Requested quality (${quality}) is not available. Available qualities: ${availableQualities.join(', ')}`);
+        }
+
+        // Find the format with the desired quality
+        const format = info.formats.find(format => format.qualityLabel === quality);
+
+        res.header('Content-Disposition', 'attachment; filename="video.mp4"');
+        ytdl(url, { format }).pipe(res);
+    } catch (error) {
+        console.error('Error downloading the video:', error);
+        res.status(500).send('Error downloading the video');
+    }
+});
+
+
+
+app.listen(port, () => {
+    console.log(`Server is running on http://localhost:${port}`);
+});
+
+function isValidVideoIdFormat(videoId) {
+    return /^[a-zA-Z0-9-_]{11}$/.test(videoId);
+}
diff --git a/React-JS-Projects/README.md b/projects/react-js/README.md
similarity index 100%
rename from React-JS-Projects/README.md
rename to projects/react-js/README.md
diff --git a/React-JS-Projects/Advanced/Chat-Application/.env.example b/projects/react-js/advanced/Chat-Application/.env.example
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/.env.example
rename to projects/react-js/advanced/Chat-Application/.env.example
diff --git a/React-JS-Projects/Advanced/Chat-Application/README.md b/projects/react-js/advanced/Chat-Application/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/README.md
rename to projects/react-js/advanced/Chat-Application/README.md
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/package.json b/projects/react-js/advanced/Chat-Application/client/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/package.json
rename to projects/react-js/advanced/Chat-Application/client/package.json
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/public/favicon.ico b/projects/react-js/advanced/Chat-Application/client/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/public/favicon.ico
rename to projects/react-js/advanced/Chat-Application/client/public/favicon.ico
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/public/index.html b/projects/react-js/advanced/Chat-Application/client/public/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/public/index.html
rename to projects/react-js/advanced/Chat-Application/client/public/index.html
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/public/logo192.png b/projects/react-js/advanced/Chat-Application/client/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/public/logo192.png
rename to projects/react-js/advanced/Chat-Application/client/public/logo192.png
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/public/logo512.png b/projects/react-js/advanced/Chat-Application/client/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/public/logo512.png
rename to projects/react-js/advanced/Chat-Application/client/public/logo512.png
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/public/manifest.json b/projects/react-js/advanced/Chat-Application/client/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/public/manifest.json
rename to projects/react-js/advanced/Chat-Application/client/public/manifest.json
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/public/robots.txt b/projects/react-js/advanced/Chat-Application/client/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/public/robots.txt
rename to projects/react-js/advanced/Chat-Application/client/public/robots.txt
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/App.css b/projects/react-js/advanced/Chat-Application/client/src/App.css
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/App.css
rename to projects/react-js/advanced/Chat-Application/client/src/App.css
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/App.js b/projects/react-js/advanced/Chat-Application/client/src/App.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/App.js
rename to projects/react-js/advanced/Chat-Application/client/src/App.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/animations/typing.json b/projects/react-js/advanced/Chat-Application/client/src/animations/typing.json
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/animations/typing.json
rename to projects/react-js/advanced/Chat-Application/client/src/animations/typing.json
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/Authentication/Login.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/Authentication/Login.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/Authentication/Login.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/Authentication/Login.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/Authentication/Signup.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/Authentication/Signup.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/Authentication/Signup.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/Authentication/Signup.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/ChatBox.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/ChatBox.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/ChatBox.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/ChatBox.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/ChatLoading.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/ChatLoading.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/ChatLoading.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/ChatLoading.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/MyChats.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/MyChats.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/MyChats.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/MyChats.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/ScrollableChat.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/ScrollableChat.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/ScrollableChat.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/ScrollableChat.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/SingleChat.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/SingleChat.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/SingleChat.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/SingleChat.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/UserAvatar/UserBadgeItem.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/UserAvatar/UserBadgeItem.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/UserAvatar/UserBadgeItem.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/UserAvatar/UserBadgeItem.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/UserAvatar/UserListItem.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/UserAvatar/UserListItem.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/UserAvatar/UserListItem.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/UserAvatar/UserListItem.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/index.js b/projects/react-js/advanced/Chat-Application/client/src/components/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/index.js
rename to projects/react-js/advanced/Chat-Application/client/src/components/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/GroupChatModal.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/GroupChatModal.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/GroupChatModal.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/GroupChatModal.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/ProfileModal.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/ProfileModal.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/ProfileModal.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/ProfileModal.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/SideDrawer.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/SideDrawer.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/SideDrawer.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/SideDrawer.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/UpdateGroupChatModal.jsx b/projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/UpdateGroupChatModal.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/components/miscellaneous/UpdateGroupChatModal.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/components/miscellaneous/UpdateGroupChatModal.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/config/ChatLogics.js b/projects/react-js/advanced/Chat-Application/client/src/config/ChatLogics.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/config/ChatLogics.js
rename to projects/react-js/advanced/Chat-Application/client/src/config/ChatLogics.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/context/ChatProvider.js b/projects/react-js/advanced/Chat-Application/client/src/context/ChatProvider.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/context/ChatProvider.js
rename to projects/react-js/advanced/Chat-Application/client/src/context/ChatProvider.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/index.js b/projects/react-js/advanced/Chat-Application/client/src/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/index.js
rename to projects/react-js/advanced/Chat-Application/client/src/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/pages/Chat.jsx b/projects/react-js/advanced/Chat-Application/client/src/pages/Chat.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/pages/Chat.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/pages/Chat.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/pages/Home.jsx b/projects/react-js/advanced/Chat-Application/client/src/pages/Home.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/pages/Home.jsx
rename to projects/react-js/advanced/Chat-Application/client/src/pages/Home.jsx
diff --git a/React-JS-Projects/Advanced/Chat-Application/client/src/pages/index.js b/projects/react-js/advanced/Chat-Application/client/src/pages/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/client/src/pages/index.js
rename to projects/react-js/advanced/Chat-Application/client/src/pages/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/config/connectToMongoDB.js b/projects/react-js/advanced/Chat-Application/config/connectToMongoDB.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/config/connectToMongoDB.js
rename to projects/react-js/advanced/Chat-Application/config/connectToMongoDB.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/config/generateHashedPassword.js b/projects/react-js/advanced/Chat-Application/config/generateHashedPassword.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/config/generateHashedPassword.js
rename to projects/react-js/advanced/Chat-Application/config/generateHashedPassword.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/config/generateToken.js b/projects/react-js/advanced/Chat-Application/config/generateToken.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/config/generateToken.js
rename to projects/react-js/advanced/Chat-Application/config/generateToken.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/config/index.js b/projects/react-js/advanced/Chat-Application/config/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/config/index.js
rename to projects/react-js/advanced/Chat-Application/config/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/config/verifyPassword.js b/projects/react-js/advanced/Chat-Application/config/verifyPassword.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/config/verifyPassword.js
rename to projects/react-js/advanced/Chat-Application/config/verifyPassword.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/controllers/chatControllers.js b/projects/react-js/advanced/Chat-Application/controllers/chatControllers.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/controllers/chatControllers.js
rename to projects/react-js/advanced/Chat-Application/controllers/chatControllers.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/controllers/index.js b/projects/react-js/advanced/Chat-Application/controllers/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/controllers/index.js
rename to projects/react-js/advanced/Chat-Application/controllers/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/controllers/messageControllers.js b/projects/react-js/advanced/Chat-Application/controllers/messageControllers.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/controllers/messageControllers.js
rename to projects/react-js/advanced/Chat-Application/controllers/messageControllers.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/controllers/userControllers.js b/projects/react-js/advanced/Chat-Application/controllers/userControllers.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/controllers/userControllers.js
rename to projects/react-js/advanced/Chat-Application/controllers/userControllers.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/middleware/authMiddleware.js b/projects/react-js/advanced/Chat-Application/middleware/authMiddleware.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/middleware/authMiddleware.js
rename to projects/react-js/advanced/Chat-Application/middleware/authMiddleware.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/middleware/errorMiddleware.js b/projects/react-js/advanced/Chat-Application/middleware/errorMiddleware.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/middleware/errorMiddleware.js
rename to projects/react-js/advanced/Chat-Application/middleware/errorMiddleware.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/middleware/index.js b/projects/react-js/advanced/Chat-Application/middleware/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/middleware/index.js
rename to projects/react-js/advanced/Chat-Application/middleware/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/models/Chat.js b/projects/react-js/advanced/Chat-Application/models/Chat.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/models/Chat.js
rename to projects/react-js/advanced/Chat-Application/models/Chat.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/models/Message.js b/projects/react-js/advanced/Chat-Application/models/Message.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/models/Message.js
rename to projects/react-js/advanced/Chat-Application/models/Message.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/models/User.js b/projects/react-js/advanced/Chat-Application/models/User.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/models/User.js
rename to projects/react-js/advanced/Chat-Application/models/User.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/models/index.js b/projects/react-js/advanced/Chat-Application/models/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/models/index.js
rename to projects/react-js/advanced/Chat-Application/models/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/package.json b/projects/react-js/advanced/Chat-Application/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/package.json
rename to projects/react-js/advanced/Chat-Application/package.json
diff --git a/React-JS-Projects/Advanced/Chat-Application/routes/chatRoutes.js b/projects/react-js/advanced/Chat-Application/routes/chatRoutes.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/routes/chatRoutes.js
rename to projects/react-js/advanced/Chat-Application/routes/chatRoutes.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/routes/index.js b/projects/react-js/advanced/Chat-Application/routes/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/routes/index.js
rename to projects/react-js/advanced/Chat-Application/routes/index.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/routes/messageRoutes.js b/projects/react-js/advanced/Chat-Application/routes/messageRoutes.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/routes/messageRoutes.js
rename to projects/react-js/advanced/Chat-Application/routes/messageRoutes.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/routes/userRoutes.js b/projects/react-js/advanced/Chat-Application/routes/userRoutes.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/routes/userRoutes.js
rename to projects/react-js/advanced/Chat-Application/routes/userRoutes.js
diff --git a/React-JS-Projects/Advanced/Chat-Application/screenshot.webp b/projects/react-js/advanced/Chat-Application/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/screenshot.webp
rename to projects/react-js/advanced/Chat-Application/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Chat-Application/server.js b/projects/react-js/advanced/Chat-Application/server.js
similarity index 100%
rename from React-JS-Projects/Advanced/Chat-Application/server.js
rename to projects/react-js/advanced/Chat-Application/server.js
diff --git a/React-JS-Projects/Advanced/Code-Editor/README.md b/projects/react-js/advanced/Code-Editor/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/README.md
rename to projects/react-js/advanced/Code-Editor/README.md
diff --git a/React-JS-Projects/Advanced/Code-Editor/package.json b/projects/react-js/advanced/Code-Editor/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/package.json
rename to projects/react-js/advanced/Code-Editor/package.json
diff --git a/React-JS-Projects/Advanced/Code-Editor/public/index.html b/projects/react-js/advanced/Code-Editor/public/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/public/index.html
rename to projects/react-js/advanced/Code-Editor/public/index.html
diff --git a/React-JS-Projects/Advanced/Code-Editor/screenshot.webp b/projects/react-js/advanced/Code-Editor/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/screenshot.webp
rename to projects/react-js/advanced/Code-Editor/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/App.css b/projects/react-js/advanced/Code-Editor/src/App.css
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/App.css
rename to projects/react-js/advanced/Code-Editor/src/App.css
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/App.js b/projects/react-js/advanced/Code-Editor/src/App.js
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/App.js
rename to projects/react-js/advanced/Code-Editor/src/App.js
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/App.test.js b/projects/react-js/advanced/Code-Editor/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/App.test.js
rename to projects/react-js/advanced/Code-Editor/src/App.test.js
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/Components/Code.jsx b/projects/react-js/advanced/Code-Editor/src/Components/Code.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/Components/Code.jsx
rename to projects/react-js/advanced/Code-Editor/src/Components/Code.jsx
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/Components/Editor.jsx b/projects/react-js/advanced/Code-Editor/src/Components/Editor.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/Components/Editor.jsx
rename to projects/react-js/advanced/Code-Editor/src/Components/Editor.jsx
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/Components/Header.jsx b/projects/react-js/advanced/Code-Editor/src/Components/Header.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/Components/Header.jsx
rename to projects/react-js/advanced/Code-Editor/src/Components/Header.jsx
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/Components/Home.jsx b/projects/react-js/advanced/Code-Editor/src/Components/Home.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/Components/Home.jsx
rename to projects/react-js/advanced/Code-Editor/src/Components/Home.jsx
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/Components/Result.jsx b/projects/react-js/advanced/Code-Editor/src/Components/Result.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/Components/Result.jsx
rename to projects/react-js/advanced/Code-Editor/src/Components/Result.jsx
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/context/DataProvider.jsx b/projects/react-js/advanced/Code-Editor/src/context/DataProvider.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/context/DataProvider.jsx
rename to projects/react-js/advanced/Code-Editor/src/context/DataProvider.jsx
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/index.css b/projects/react-js/advanced/Code-Editor/src/index.css
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/index.css
rename to projects/react-js/advanced/Code-Editor/src/index.css
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/index.js b/projects/react-js/advanced/Code-Editor/src/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/index.js
rename to projects/react-js/advanced/Code-Editor/src/index.js
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/reportWebVitals.js b/projects/react-js/advanced/Code-Editor/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/reportWebVitals.js
rename to projects/react-js/advanced/Code-Editor/src/reportWebVitals.js
diff --git a/React-JS-Projects/Advanced/Code-Editor/src/setupTests.js b/projects/react-js/advanced/Code-Editor/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Advanced/Code-Editor/src/setupTests.js
rename to projects/react-js/advanced/Code-Editor/src/setupTests.js
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/README.md b/projects/react-js/advanced/IP-Address-Tracker/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/README.md
rename to projects/react-js/advanced/IP-Address-Tracker/README.md
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/package.json b/projects/react-js/advanced/IP-Address-Tracker/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/package.json
rename to projects/react-js/advanced/IP-Address-Tracker/package.json
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/public/favicon-32x32.png b/projects/react-js/advanced/IP-Address-Tracker/public/favicon-32x32.png
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/public/favicon-32x32.png
rename to projects/react-js/advanced/IP-Address-Tracker/public/favicon-32x32.png
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/public/favicon.ico b/projects/react-js/advanced/IP-Address-Tracker/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/public/favicon.ico
rename to projects/react-js/advanced/IP-Address-Tracker/public/favicon.ico
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/public/index.html b/projects/react-js/advanced/IP-Address-Tracker/public/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/public/index.html
rename to projects/react-js/advanced/IP-Address-Tracker/public/index.html
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/public/logo192.png b/projects/react-js/advanced/IP-Address-Tracker/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/public/logo192.png
rename to projects/react-js/advanced/IP-Address-Tracker/public/logo192.png
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/public/logo512.png b/projects/react-js/advanced/IP-Address-Tracker/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/public/logo512.png
rename to projects/react-js/advanced/IP-Address-Tracker/public/logo512.png
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/public/manifest.json b/projects/react-js/advanced/IP-Address-Tracker/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/public/manifest.json
rename to projects/react-js/advanced/IP-Address-Tracker/public/manifest.json
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/public/robots.txt b/projects/react-js/advanced/IP-Address-Tracker/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/public/robots.txt
rename to projects/react-js/advanced/IP-Address-Tracker/public/robots.txt
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/screenshot.webp b/projects/react-js/advanced/IP-Address-Tracker/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/screenshot.webp
rename to projects/react-js/advanced/IP-Address-Tracker/screenshot.webp
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/App.css b/projects/react-js/advanced/IP-Address-Tracker/src/App.css
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/App.css
rename to projects/react-js/advanced/IP-Address-Tracker/src/App.css
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/App.js b/projects/react-js/advanced/IP-Address-Tracker/src/App.js
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/App.js
rename to projects/react-js/advanced/IP-Address-Tracker/src/App.js
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/App.test.js b/projects/react-js/advanced/IP-Address-Tracker/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/App.test.js
rename to projects/react-js/advanced/IP-Address-Tracker/src/App.test.js
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/OFL.txt b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/OFL.txt
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/OFL.txt
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/OFL.txt
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/README.txt b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/README.txt
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/README.txt
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/README.txt
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-VariableFont_wght.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-VariableFont_wght.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-VariableFont_wght.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/Rubik-VariableFont_wght.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Black.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Black.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Black.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Black.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BlackItalic.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BlackItalic.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BlackItalic.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BlackItalic.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Bold.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Bold.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Bold.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Bold.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BoldItalic.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BoldItalic.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BoldItalic.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-BoldItalic.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBold.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBold.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBold.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBold.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBoldItalic.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBoldItalic.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBoldItalic.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-ExtraBoldItalic.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Italic.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Italic.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Italic.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Italic.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Light.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Light.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Light.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Light.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-LightItalic.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-LightItalic.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-LightItalic.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-LightItalic.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Medium.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Medium.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Medium.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Medium.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-MediumItalic.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-MediumItalic.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-MediumItalic.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-MediumItalic.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Regular.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Regular.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Regular.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-Regular.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBold.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBold.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBold.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBold.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBoldItalic.ttf b/projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBoldItalic.ttf
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBoldItalic.ttf
rename to projects/react-js/advanced/IP-Address-Tracker/src/fonts/Rubik/static/Rubik-SemiBoldItalic.ttf
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/images/icon-arrow.svg b/projects/react-js/advanced/IP-Address-Tracker/src/images/icon-arrow.svg
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/images/icon-arrow.svg
rename to projects/react-js/advanced/IP-Address-Tracker/src/images/icon-arrow.svg
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/images/icon-location.svg b/projects/react-js/advanced/IP-Address-Tracker/src/images/icon-location.svg
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/images/icon-location.svg
rename to projects/react-js/advanced/IP-Address-Tracker/src/images/icon-location.svg
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/images/pattern-bg.png b/projects/react-js/advanced/IP-Address-Tracker/src/images/pattern-bg.png
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/images/pattern-bg.png
rename to projects/react-js/advanced/IP-Address-Tracker/src/images/pattern-bg.png
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/index.css b/projects/react-js/advanced/IP-Address-Tracker/src/index.css
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/index.css
rename to projects/react-js/advanced/IP-Address-Tracker/src/index.css
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/index.js b/projects/react-js/advanced/IP-Address-Tracker/src/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/index.js
rename to projects/react-js/advanced/IP-Address-Tracker/src/index.js
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/reportWebVitals.js b/projects/react-js/advanced/IP-Address-Tracker/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/reportWebVitals.js
rename to projects/react-js/advanced/IP-Address-Tracker/src/reportWebVitals.js
diff --git a/React-JS-Projects/Advanced/IP-Address-Tracker/src/setupTests.js b/projects/react-js/advanced/IP-Address-Tracker/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Advanced/IP-Address-Tracker/src/setupTests.js
rename to projects/react-js/advanced/IP-Address-Tracker/src/setupTests.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/README.md b/projects/react-js/advanced/Job-Portal/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/README.md
rename to projects/react-js/advanced/Job-Portal/README.md
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/controllers/jobController.js b/projects/react-js/advanced/Job-Portal/backend/controllers/jobController.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/controllers/jobController.js
rename to projects/react-js/advanced/Job-Portal/backend/controllers/jobController.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/dbConfig/dbConfig.js b/projects/react-js/advanced/Job-Portal/backend/dbConfig/dbConfig.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/dbConfig/dbConfig.js
rename to projects/react-js/advanced/Job-Portal/backend/dbConfig/dbConfig.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/dbConfig/dbConnection.js b/projects/react-js/advanced/Job-Portal/backend/dbConfig/dbConnection.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/dbConfig/dbConnection.js
rename to projects/react-js/advanced/Job-Portal/backend/dbConfig/dbConnection.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/middlewares/errorMiddleware.js b/projects/react-js/advanced/Job-Portal/backend/middlewares/errorMiddleware.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/middlewares/errorMiddleware.js
rename to projects/react-js/advanced/Job-Portal/backend/middlewares/errorMiddleware.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/models/jobs.js b/projects/react-js/advanced/Job-Portal/backend/models/jobs.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/models/jobs.js
rename to projects/react-js/advanced/Job-Portal/backend/models/jobs.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/models/jobsModel.js b/projects/react-js/advanced/Job-Portal/backend/models/jobsModel.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/models/jobsModel.js
rename to projects/react-js/advanced/Job-Portal/backend/models/jobsModel.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/package.json b/projects/react-js/advanced/Job-Portal/backend/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/package.json
rename to projects/react-js/advanced/Job-Portal/backend/package.json
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/routes/index.js b/projects/react-js/advanced/Job-Portal/backend/routes/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/routes/index.js
rename to projects/react-js/advanced/Job-Portal/backend/routes/index.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/routes/jobsRoutes.js b/projects/react-js/advanced/Job-Portal/backend/routes/jobsRoutes.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/routes/jobsRoutes.js
rename to projects/react-js/advanced/Job-Portal/backend/routes/jobsRoutes.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/backend/server.js b/projects/react-js/advanced/Job-Portal/backend/server.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/backend/server.js
rename to projects/react-js/advanced/Job-Portal/backend/server.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/index.html b/projects/react-js/advanced/Job-Portal/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/index.html
rename to projects/react-js/advanced/Job-Portal/index.html
diff --git a/React-JS-Projects/Advanced/Job-Portal/package.json b/projects/react-js/advanced/Job-Portal/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/package.json
rename to projects/react-js/advanced/Job-Portal/package.json
diff --git a/React-JS-Projects/Advanced/Job-Portal/postcss.config.js b/projects/react-js/advanced/Job-Portal/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/postcss.config.js
rename to projects/react-js/advanced/Job-Portal/postcss.config.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/screenshot.webp b/projects/react-js/advanced/Job-Portal/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/screenshot.webp
rename to projects/react-js/advanced/Job-Portal/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/App.jsx b/projects/react-js/advanced/Job-Portal/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/App.jsx
rename to projects/react-js/advanced/Job-Portal/src/App.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/codewave.png b/projects/react-js/advanced/Job-Portal/src/assets/codewave.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/codewave.png
rename to projects/react-js/advanced/Job-Portal/src/assets/codewave.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/facebook.png b/projects/react-js/advanced/Job-Portal/src/assets/facebook.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/facebook.png
rename to projects/react-js/advanced/Job-Portal/src/assets/facebook.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/google.png b/projects/react-js/advanced/Job-Portal/src/assets/google.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/google.png
rename to projects/react-js/advanced/Job-Portal/src/assets/google.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/index.js b/projects/react-js/advanced/Job-Portal/src/assets/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/index.js
rename to projects/react-js/advanced/Job-Portal/src/assets/index.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/instagram.png b/projects/react-js/advanced/Job-Portal/src/assets/instagram.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/instagram.png
rename to projects/react-js/advanced/Job-Portal/src/assets/instagram.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/linkedin.png b/projects/react-js/advanced/Job-Portal/src/assets/linkedin.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/linkedin.png
rename to projects/react-js/advanced/Job-Portal/src/assets/linkedin.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/spotify.png b/projects/react-js/advanced/Job-Portal/src/assets/spotify.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/spotify.png
rename to projects/react-js/advanced/Job-Portal/src/assets/spotify.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/twitter.png b/projects/react-js/advanced/Job-Portal/src/assets/twitter.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/twitter.png
rename to projects/react-js/advanced/Job-Portal/src/assets/twitter.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/whatsapp.png b/projects/react-js/advanced/Job-Portal/src/assets/whatsapp.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/whatsapp.png
rename to projects/react-js/advanced/Job-Portal/src/assets/whatsapp.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/assets/youtube.png b/projects/react-js/advanced/Job-Portal/src/assets/youtube.png
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/assets/youtube.png
rename to projects/react-js/advanced/Job-Portal/src/assets/youtube.png
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/components/CompanyCard.jsx b/projects/react-js/advanced/Job-Portal/src/components/CompanyCard.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/components/CompanyCard.jsx
rename to projects/react-js/advanced/Job-Portal/src/components/CompanyCard.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/components/Header.jsx b/projects/react-js/advanced/Job-Portal/src/components/Header.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/components/Header.jsx
rename to projects/react-js/advanced/Job-Portal/src/components/Header.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/components/JobCard.jsx b/projects/react-js/advanced/Job-Portal/src/components/JobCard.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/components/JobCard.jsx
rename to projects/react-js/advanced/Job-Portal/src/components/JobCard.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/components/JobTypes.jsx b/projects/react-js/advanced/Job-Portal/src/components/JobTypes.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/components/JobTypes.jsx
rename to projects/react-js/advanced/Job-Portal/src/components/JobTypes.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/components/Navbar.jsx b/projects/react-js/advanced/Job-Portal/src/components/Navbar.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/components/Navbar.jsx
rename to projects/react-js/advanced/Job-Portal/src/components/Navbar.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/components/index.js b/projects/react-js/advanced/Job-Portal/src/components/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/components/index.js
rename to projects/react-js/advanced/Job-Portal/src/components/index.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/index.css b/projects/react-js/advanced/Job-Portal/src/index.css
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/index.css
rename to projects/react-js/advanced/Job-Portal/src/index.css
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/main.jsx b/projects/react-js/advanced/Job-Portal/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/main.jsx
rename to projects/react-js/advanced/Job-Portal/src/main.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/pages/Companies.jsx b/projects/react-js/advanced/Job-Portal/src/pages/Companies.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/pages/Companies.jsx
rename to projects/react-js/advanced/Job-Portal/src/pages/Companies.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/pages/FindJobs.jsx b/projects/react-js/advanced/Job-Portal/src/pages/FindJobs.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/pages/FindJobs.jsx
rename to projects/react-js/advanced/Job-Portal/src/pages/FindJobs.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/pages/JobDetail.jsx b/projects/react-js/advanced/Job-Portal/src/pages/JobDetail.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/pages/JobDetail.jsx
rename to projects/react-js/advanced/Job-Portal/src/pages/JobDetail.jsx
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/pages/index.js b/projects/react-js/advanced/Job-Portal/src/pages/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/pages/index.js
rename to projects/react-js/advanced/Job-Portal/src/pages/index.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/redux/rootReducer.js b/projects/react-js/advanced/Job-Portal/src/redux/rootReducer.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/redux/rootReducer.js
rename to projects/react-js/advanced/Job-Portal/src/redux/rootReducer.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/redux/store.js b/projects/react-js/advanced/Job-Portal/src/redux/store.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/redux/store.js
rename to projects/react-js/advanced/Job-Portal/src/redux/store.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/redux/userSlice.js b/projects/react-js/advanced/Job-Portal/src/redux/userSlice.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/redux/userSlice.js
rename to projects/react-js/advanced/Job-Portal/src/redux/userSlice.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/src/utils/data.js b/projects/react-js/advanced/Job-Portal/src/utils/data.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/src/utils/data.js
rename to projects/react-js/advanced/Job-Portal/src/utils/data.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/tailwind.config.js b/projects/react-js/advanced/Job-Portal/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/tailwind.config.js
rename to projects/react-js/advanced/Job-Portal/tailwind.config.js
diff --git a/React-JS-Projects/Advanced/Job-Portal/vite.config.js b/projects/react-js/advanced/Job-Portal/vite.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Job-Portal/vite.config.js
rename to projects/react-js/advanced/Job-Portal/vite.config.js
diff --git a/React-JS-Projects/Advanced/Notes-App/README.md b/projects/react-js/advanced/Notes-App/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/README.md
rename to projects/react-js/advanced/Notes-App/README.md
diff --git a/React-JS-Projects/Advanced/Notes-App/index.html b/projects/react-js/advanced/Notes-App/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/index.html
rename to projects/react-js/advanced/Notes-App/index.html
diff --git a/React-JS-Projects/Advanced/Notes-App/package-lock.json b/projects/react-js/advanced/Notes-App/package-lock.json
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/package-lock.json
rename to projects/react-js/advanced/Notes-App/package-lock.json
diff --git a/React-JS-Projects/Advanced/Notes-App/package.json b/projects/react-js/advanced/Notes-App/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/package.json
rename to projects/react-js/advanced/Notes-App/package.json
diff --git a/React-JS-Projects/Advanced/Notes-App/postcss.config.js b/projects/react-js/advanced/Notes-App/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/postcss.config.js
rename to projects/react-js/advanced/Notes-App/postcss.config.js
diff --git a/React-JS-Projects/Advanced/Notes-App/public/favicon.ico b/projects/react-js/advanced/Notes-App/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/public/favicon.ico
rename to projects/react-js/advanced/Notes-App/public/favicon.ico
diff --git a/React-JS-Projects/Advanced/Notes-App/public/screenshots/image_00.png b/projects/react-js/advanced/Notes-App/public/screenshots/image_00.png
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/public/screenshots/image_00.png
rename to projects/react-js/advanced/Notes-App/public/screenshots/image_00.png
diff --git a/React-JS-Projects/Advanced/Notes-App/public/screenshots/image_01.png b/projects/react-js/advanced/Notes-App/public/screenshots/image_01.png
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/public/screenshots/image_01.png
rename to projects/react-js/advanced/Notes-App/public/screenshots/image_01.png
diff --git a/React-JS-Projects/Advanced/Notes-App/screenshot.webp b/projects/react-js/advanced/Notes-App/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/screenshot.webp
rename to projects/react-js/advanced/Notes-App/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Notes-App/src/App.jsx b/projects/react-js/advanced/Notes-App/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/src/App.jsx
rename to projects/react-js/advanced/Notes-App/src/App.jsx
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/AuthContainer.jsx b/projects/react-js/advanced/Notes-App/src/components/AuthContainer.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/AuthContainer.jsx
rename to projects/react-js/advanced/Notes-App/src/components/AuthContainer.jsx
index 775734cf..26c329ba 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/AuthContainer.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/AuthContainer.jsx
@@ -1,14 +1,14 @@
-import React from 'react';
-
-function AuthContainer({ children, onSubmit, title }) {
-    return (
-        <section className="grid place-items-center w-100 min-h-screen p-4">
-            <form className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white" onSubmit={onSubmit}>
-                <h1 className="text-xl mt-1 mb-3 font-medium">{title}</h1>
-                {children}
-            </form>
-        </section>
-    );
-}
-
-export default AuthContainer;
+import React from 'react';
+
+function AuthContainer({ children, onSubmit, title }) {
+    return (
+        <section className="grid place-items-center w-100 min-h-screen p-4">
+            <form className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white" onSubmit={onSubmit}>
+                <h1 className="text-xl mt-1 mb-3 font-medium">{title}</h1>
+                {children}
+            </form>
+        </section>
+    );
+}
+
+export default AuthContainer;
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/Button.jsx b/projects/react-js/advanced/Notes-App/src/components/Button.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/Button.jsx
rename to projects/react-js/advanced/Notes-App/src/components/Button.jsx
index effdff69..8afd34e3 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/Button.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/Button.jsx
@@ -1,16 +1,16 @@
-function Button({ text, width, bg, hover, focus, color, onClick, loading }) {
-
-    const className = loading ? `pointer-events-none opacity-60 ${bg} ${hover} ${focus} ${width} ${color} text-sm px-4 py-2 md:px-6 md:py-3 rounded focus:ring-2 mt-4 flex items-center justify-center gap-3` :
-                `${bg} ${hover} ${focus} ${width} ${color} text-sm px-4 py-2 md:px-6 md:py-3 rounded focus:ring-2 mt-4 flex items-center justify-center gap-3`
-
-    return (
-        <button
-            className={className}
-            onClick={onClick}
-        >
-            { loading ? "Loading..." : text}
-        </button>
-    )
-}
-
+function Button({ text, width, bg, hover, focus, color, onClick, loading }) {
+
+    const className = loading ? `pointer-events-none opacity-60 ${bg} ${hover} ${focus} ${width} ${color} text-sm px-4 py-2 md:px-6 md:py-3 rounded focus:ring-2 mt-4 flex items-center justify-center gap-3` :
+                `${bg} ${hover} ${focus} ${width} ${color} text-sm px-4 py-2 md:px-6 md:py-3 rounded focus:ring-2 mt-4 flex items-center justify-center gap-3`
+
+    return (
+        <button
+            className={className}
+            onClick={onClick}
+        >
+            { loading ? "Loading..." : text}
+        </button>
+    )
+}
+
 export default Button;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/ConfirmModal.jsx b/projects/react-js/advanced/Notes-App/src/components/ConfirmModal.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/ConfirmModal.jsx
rename to projects/react-js/advanced/Notes-App/src/components/ConfirmModal.jsx
index 04f837a6..5205904e 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/ConfirmModal.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/ConfirmModal.jsx
@@ -1,42 +1,42 @@
-import Button from "./Button";
-
-function ConfirmModal({ title, body, onCancel, onConfirm }) {
-    return (
-        <section className="grid place-items-center w-100 min-h-screen p-4 fixed top-0 left-0 bg-blur w-full z-20">
-            <div className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white my-shadow rounded" >
-                <h1 className="text-xl mt-1 mb-3 font-medium border-b border-b-slate-400">
-                    {title}
-                </h1>
-
-                <p className="my-4 text-white text-sm">{body}</p>
-
-
-                <div className="flex items-end gap-2 justify-end">
-                    <Button
-                        text="Cancel"
-                        width="w-28"
-                        bg="bg-transparent"
-                        hover="hover:bg-pink-800"
-                        focus="focus:ring-pink-800"
-                        color="text-white-700"
-                        onClick={onCancel}
-                        loading={false}
-                    />
-                    <Button
-                        text="Confirm"
-                        width="w-28"
-                        bg="bg-red-600"
-                        hover="hover:bg-red-700"
-                        focus="focus:ring-red-700"
-                        color="text-white-700"
-                        onClick={onConfirm}
-                        loading={false}
-                    />
-                </div>
-
-            </div>
-        </section>
-    )
-}
-
+import Button from "./Button";
+
+function ConfirmModal({ title, body, onCancel, onConfirm }) {
+    return (
+        <section className="grid place-items-center w-100 min-h-screen p-4 fixed top-0 left-0 bg-blur w-full z-20">
+            <div className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white my-shadow rounded" >
+                <h1 className="text-xl mt-1 mb-3 font-medium border-b border-b-slate-400">
+                    {title}
+                </h1>
+
+                <p className="my-4 text-white text-sm">{body}</p>
+
+
+                <div className="flex items-end gap-2 justify-end">
+                    <Button
+                        text="Cancel"
+                        width="w-28"
+                        bg="bg-transparent"
+                        hover="hover:bg-pink-800"
+                        focus="focus:ring-pink-800"
+                        color="text-white-700"
+                        onClick={onCancel}
+                        loading={false}
+                    />
+                    <Button
+                        text="Confirm"
+                        width="w-28"
+                        bg="bg-red-600"
+                        hover="hover:bg-red-700"
+                        focus="focus:ring-red-700"
+                        color="text-white-700"
+                        onClick={onConfirm}
+                        loading={false}
+                    />
+                </div>
+
+            </div>
+        </section>
+    )
+}
+
 export default ConfirmModal;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/EditFolder.jsx b/projects/react-js/advanced/Notes-App/src/components/EditFolder.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/EditFolder.jsx
rename to projects/react-js/advanced/Notes-App/src/components/EditFolder.jsx
index c18c7b3b..978c664e 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/EditFolder.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/EditFolder.jsx
@@ -1,76 +1,76 @@
-import { useState, useContext } from "react";
-import Input from "./Input";
-import Button from "./Button";
-import { FaTimes } from "react-icons/fa";
-import { FolderContext } from "../contexts/FolderContext";
-import { useParams } from "react-router-dom";
-
-
-function EditFolder({setModalToggle, folder}) {
-
-    const { folderId } = useParams()
-    const [inputs, setInputs] = useState({ folderName: folder.name, createdAt: folder.createdAt })
-    const [error, setError] = useState("")
-    const { editFolder } = useContext(FolderContext);
-
-    const onInputChange = (name, value) => {
-        setError("")
-        setInputs(prev => {
-            return { ...prev, [name]: value }
-        });
-    }
-
-    const onSubmit = async (e) => {
-        e.preventDefault();
-        if (inputs.folderName === "") {
-            setError("Folder name is required!");
-            return;
-        }
-        if (folderId) {
-            await editFolder(folder.id, inputs.folderName, folderId, folder.user, inputs.createdAt)
-        }else {
-            await editFolder(folder.id, inputs.folderName, null, folder.user, inputs.createdAt)
-        }
-        setModalToggle("edit", false)
-    };
-
-    return (
-        <section className="grid place-items-center w-100 min-h-screen p-4 fixed top-0 left-0 bg-blur w-full z-20">
-            <form className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white" onSubmit={onSubmit}>
-                <h1 className="text-xl mt-1 mb-3 font-medium flex items-center">
-                    <span className="flex-1">Edit Folder</span>
-                    <span 
-                        className="hover:text-pink-400 cursor-pointer"
-                        onClick={() => setModalToggle("edit", false)}
-                    ><FaTimes/></span>
-                </h1>
-                <Input
-                    label="Folder name"
-                    type="text"
-                    placeholder="Eg., Work"
-                    name="folderName"
-                    value={inputs.folderName}
-                    error={error}
-                    onChange={onInputChange}
-                />
-
-                <Button
-                    text="Save"
-                    width="w-full"
-                    bg="bg-pink-500"
-                    hover="hover:bg-pink-600"
-                    focus="focus:ring-pink-800"
-                    color="text-white-700"
-                    onClick={null}
-                    loading={false}
-                />
-
-
-                
-            </form>
-        </section>
-    )
-
-}
-
+import { useState, useContext } from "react";
+import Input from "./Input";
+import Button from "./Button";
+import { FaTimes } from "react-icons/fa";
+import { FolderContext } from "../contexts/FolderContext";
+import { useParams } from "react-router-dom";
+
+
+function EditFolder({setModalToggle, folder}) {
+
+    const { folderId } = useParams()
+    const [inputs, setInputs] = useState({ folderName: folder.name, createdAt: folder.createdAt })
+    const [error, setError] = useState("")
+    const { editFolder } = useContext(FolderContext);
+
+    const onInputChange = (name, value) => {
+        setError("")
+        setInputs(prev => {
+            return { ...prev, [name]: value }
+        });
+    }
+
+    const onSubmit = async (e) => {
+        e.preventDefault();
+        if (inputs.folderName === "") {
+            setError("Folder name is required!");
+            return;
+        }
+        if (folderId) {
+            await editFolder(folder.id, inputs.folderName, folderId, folder.user, inputs.createdAt)
+        }else {
+            await editFolder(folder.id, inputs.folderName, null, folder.user, inputs.createdAt)
+        }
+        setModalToggle("edit", false)
+    };
+
+    return (
+        <section className="grid place-items-center w-100 min-h-screen p-4 fixed top-0 left-0 bg-blur w-full z-20">
+            <form className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white" onSubmit={onSubmit}>
+                <h1 className="text-xl mt-1 mb-3 font-medium flex items-center">
+                    <span className="flex-1">Edit Folder</span>
+                    <span 
+                        className="hover:text-pink-400 cursor-pointer"
+                        onClick={() => setModalToggle("edit", false)}
+                    ><FaTimes/></span>
+                </h1>
+                <Input
+                    label="Folder name"
+                    type="text"
+                    placeholder="Eg., Work"
+                    name="folderName"
+                    value={inputs.folderName}
+                    error={error}
+                    onChange={onInputChange}
+                />
+
+                <Button
+                    text="Save"
+                    width="w-full"
+                    bg="bg-pink-500"
+                    hover="hover:bg-pink-600"
+                    focus="focus:ring-pink-800"
+                    color="text-white-700"
+                    onClick={null}
+                    loading={false}
+                />
+
+
+                
+            </form>
+        </section>
+    )
+
+}
+
 export default EditFolder;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/FolderCard.jsx b/projects/react-js/advanced/Notes-App/src/components/FolderCard.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/FolderCard.jsx
rename to projects/react-js/advanced/Notes-App/src/components/FolderCard.jsx
index 520cea63..c1e75e6f 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/FolderCard.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/FolderCard.jsx
@@ -1,61 +1,61 @@
-import { useContext, useState } from "react";
-import { FaFolder, FaPen, FaTrash } from "react-icons/fa";
-import { FolderContext } from "../contexts/FolderContext";
-import { useNavigate } from "react-router-dom";
-import ConfirmModal from "./ConfirmModal";
-
-function FolderCard({ folder, setModalToggle, setEditedFolder }) {
-
-    const { deleteFolder } = useContext(FolderContext);
-    const [confirmToggle, setConfirmToggle] = useState(false)
-    const navigate = useNavigate()
-
-    const onConfirm = () => {
-        deleteFolder(folder.user, folder.parent_folder, folder.id)
-    }
-
-    const toggle = () => {
-        setConfirmToggle(prev => !prev)
-    }
-
-    const onEdit = async () => {
-        setModalToggle("edit", true)
-        setEditedFolder(folder)
-    }
-
-    return (
-        <div 
-            className="masonry-item bg-pink-900 text-white rounded cursor-pointer hover:bg-pink-800 flex flex-col"
-        >
-            <div className="flex items-center p-2 border-b border-pink-950">
-                <div className="flex-1 text-sm font-medium capitalize">{folder?.name}</div>
-                <FaPen
-                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-blue-600 cursor-pointer hover:bg-blue-700"
-                    title="Edit List"
-                    onClick={onEdit}
-                />
-                <FaTrash
-                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-red-600 cursor-pointer hover:bg-red-700"
-                    title="Delete List"
-                    onClick={toggle}
-                />
-            </div>
-            <div className="p-2 grid place-items-center text-pink-500" onClick={() => navigate(`/${folder.id}`)}>
-                <FaFolder className="text-5xl md:text-8xl"/>
-            </div>
-
-            {
-                confirmToggle && (
-                    <ConfirmModal
-                        title="Confirm Delete"
-                        body={`Are you sure, Do you want to delete folder "${folder?.name}"? This action cannot be undone.`}
-                        onCancel={toggle}
-                        onConfirm={onConfirm}
-                    />
-                )
-            }
-        </div>
-    )
-}
-
+import { useContext, useState } from "react";
+import { FaFolder, FaPen, FaTrash } from "react-icons/fa";
+import { FolderContext } from "../contexts/FolderContext";
+import { useNavigate } from "react-router-dom";
+import ConfirmModal from "./ConfirmModal";
+
+function FolderCard({ folder, setModalToggle, setEditedFolder }) {
+
+    const { deleteFolder } = useContext(FolderContext);
+    const [confirmToggle, setConfirmToggle] = useState(false)
+    const navigate = useNavigate()
+
+    const onConfirm = () => {
+        deleteFolder(folder.user, folder.parent_folder, folder.id)
+    }
+
+    const toggle = () => {
+        setConfirmToggle(prev => !prev)
+    }
+
+    const onEdit = async () => {
+        setModalToggle("edit", true)
+        setEditedFolder(folder)
+    }
+
+    return (
+        <div 
+            className="masonry-item bg-pink-900 text-white rounded cursor-pointer hover:bg-pink-800 flex flex-col"
+        >
+            <div className="flex items-center p-2 border-b border-pink-950">
+                <div className="flex-1 text-sm font-medium capitalize">{folder?.name}</div>
+                <FaPen
+                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-blue-600 cursor-pointer hover:bg-blue-700"
+                    title="Edit List"
+                    onClick={onEdit}
+                />
+                <FaTrash
+                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-red-600 cursor-pointer hover:bg-red-700"
+                    title="Delete List"
+                    onClick={toggle}
+                />
+            </div>
+            <div className="p-2 grid place-items-center text-pink-500" onClick={() => navigate(`/${folder.id}`)}>
+                <FaFolder className="text-5xl md:text-8xl"/>
+            </div>
+
+            {
+                confirmToggle && (
+                    <ConfirmModal
+                        title="Confirm Delete"
+                        body={`Are you sure, Do you want to delete folder "${folder?.name}"? This action cannot be undone.`}
+                        onCancel={toggle}
+                        onConfirm={onConfirm}
+                    />
+                )
+            }
+        </div>
+    )
+}
+
 export default FolderCard;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/FolderList.jsx b/projects/react-js/advanced/Notes-App/src/components/FolderList.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/components/FolderList.jsx
rename to projects/react-js/advanced/Notes-App/src/components/FolderList.jsx
index 4c90dbbc..14b340b0 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/FolderList.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/FolderList.jsx
@@ -1,42 +1,42 @@
-import { useState } from "react";
-import FolderCard from "./FolderCard";
-import NewFolder from "./NewFolder";
-import EditFolder from "./EditFolder";
-import NewActionButton from "./NewActionButton";
-
-function FolderList({ foldersList, user }) {
-
-    const [modalToggle, setModalToggle] = useState({ new: false, edit: false })
-    const [ editedFolder, setEditedFolder] = useState(null)
-
-    const onModalToggle = (type, toggle) => {
-        setModalToggle(prev => {
-            return { ...prev, [type]: toggle }
-        });
-    }
-
-    return (
-
-        <>
-
-            {
-                foldersList?.map((folder) => {
-                    return <FolderCard folder={folder} key={folder.id} setModalToggle={onModalToggle} setEditedFolder={setEditedFolder}/>
-                })
-            }
-
-
-
-            {modalToggle.new && <NewFolder setModalToggle={onModalToggle} user={user} />}
-            {modalToggle.edit && <EditFolder setModalToggle={onModalToggle} folder={editedFolder}/>}
-            
-            <NewActionButton toggleNewFolder={onModalToggle}/>
-
-
-        </>
-
-    )
-
-}
-
+import { useState } from "react";
+import FolderCard from "./FolderCard";
+import NewFolder from "./NewFolder";
+import EditFolder from "./EditFolder";
+import NewActionButton from "./NewActionButton";
+
+function FolderList({ foldersList, user }) {
+
+    const [modalToggle, setModalToggle] = useState({ new: false, edit: false })
+    const [ editedFolder, setEditedFolder] = useState(null)
+
+    const onModalToggle = (type, toggle) => {
+        setModalToggle(prev => {
+            return { ...prev, [type]: toggle }
+        });
+    }
+
+    return (
+
+        <>
+
+            {
+                foldersList?.map((folder) => {
+                    return <FolderCard folder={folder} key={folder.id} setModalToggle={onModalToggle} setEditedFolder={setEditedFolder}/>
+                })
+            }
+
+
+
+            {modalToggle.new && <NewFolder setModalToggle={onModalToggle} user={user} />}
+            {modalToggle.edit && <EditFolder setModalToggle={onModalToggle} folder={editedFolder}/>}
+            
+            <NewActionButton toggleNewFolder={onModalToggle}/>
+
+
+        </>
+
+    )
+
+}
+
 export default FolderList;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/Footer.jsx b/projects/react-js/advanced/Notes-App/src/components/Footer.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/Footer.jsx
rename to projects/react-js/advanced/Notes-App/src/components/Footer.jsx
index 4831142b..f2f44295 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/Footer.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/Footer.jsx
@@ -1,9 +1,9 @@
-function Footer() {
-    return (
-        <p className="w-full p-2 text-center text-white text-sm border-t border-t-slate-600 bg-pink-950">
-            © {new Date().getFullYear()} All rights reserved | Created by Dharshi B.
-        </p>
-    )
-}
-
+function Footer() {
+    return (
+        <p className="w-full p-2 text-center text-white text-sm border-t border-t-slate-600 bg-pink-950">
+            © {new Date().getFullYear()} All rights reserved | Created by Dharshi B.
+        </p>
+    )
+}
+
 export default Footer;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/Header.jsx b/projects/react-js/advanced/Notes-App/src/components/Header.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/Header.jsx
rename to projects/react-js/advanced/Notes-App/src/components/Header.jsx
index 73c280ca..6ef5e8d3 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/Header.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/Header.jsx
@@ -1,51 +1,51 @@
-import { useContext } from "react";
-import { FaArrowLeft, FaPlus, FaSearch, FaSignOutAlt, FaUser } from "react-icons/fa";
-import { Link, useParams } from "react-router-dom";
-import { AuthContext } from "../contexts/AuthContext";
-import { FaFolderPlus } from "react-icons/fa6";
-
-function Header({ title, setSearchToggle, back }) {
-    
-    const { currentUser, logout } = useContext(AuthContext)
-
-    return (
-        <div className="w-full pt-4 pb-2 bg-transparent border-b-2 border-gray-500 flex items-center">
-            {
-                title !== "NoteNova" &&
-                <Link to={back}>
-                    <FaArrowLeft
-                        className="text-pink-50 h-8 w-8 p-2 mr-2 rounded cursor-pointer hover:bg-pink-800"
-                        title="New note"
-                    />
-                </Link>
-            }
-
-            <h1
-                className="text-pink-100 text-lg md:text-2xl md:font-bold text-left flex-1 capitalize"
-            >
-                {title}
-            </h1>
-
-            {
-                setSearchToggle &&
-                <FaSearch
-                    className="text-pink-50 h-8 w-8 p-2 ml-2 rounded bg-pink-900 cursor-pointer hover:bg-pink-800"
-                    title="Search notes"
-                    onClick={setSearchToggle}
-                />
-            }
-
-            <div
-                className="flex items-center bg-pink-900 ml-2 rounded text-white cursor-pointer hover:bg-pink-800"
-                title="Log out"
-                onClick={logout}
-            >
-                <FaSignOutAlt className="text-pink-50 h-8 w-8 p-2" />
-                <span className="pr-3 capitalize">{currentUser?.username || "Unknown"}</span>
-            </div>
-
-        </div>
-    )
-}
-
+import { useContext } from "react";
+import { FaArrowLeft, FaPlus, FaSearch, FaSignOutAlt, FaUser } from "react-icons/fa";
+import { Link, useParams } from "react-router-dom";
+import { AuthContext } from "../contexts/AuthContext";
+import { FaFolderPlus } from "react-icons/fa6";
+
+function Header({ title, setSearchToggle, back }) {
+    
+    const { currentUser, logout } = useContext(AuthContext)
+
+    return (
+        <div className="w-full pt-4 pb-2 bg-transparent border-b-2 border-gray-500 flex items-center">
+            {
+                title !== "NoteNova" &&
+                <Link to={back}>
+                    <FaArrowLeft
+                        className="text-pink-50 h-8 w-8 p-2 mr-2 rounded cursor-pointer hover:bg-pink-800"
+                        title="New note"
+                    />
+                </Link>
+            }
+
+            <h1
+                className="text-pink-100 text-lg md:text-2xl md:font-bold text-left flex-1 capitalize"
+            >
+                {title}
+            </h1>
+
+            {
+                setSearchToggle &&
+                <FaSearch
+                    className="text-pink-50 h-8 w-8 p-2 ml-2 rounded bg-pink-900 cursor-pointer hover:bg-pink-800"
+                    title="Search notes"
+                    onClick={setSearchToggle}
+                />
+            }
+
+            <div
+                className="flex items-center bg-pink-900 ml-2 rounded text-white cursor-pointer hover:bg-pink-800"
+                title="Log out"
+                onClick={logout}
+            >
+                <FaSignOutAlt className="text-pink-50 h-8 w-8 p-2" />
+                <span className="pr-3 capitalize">{currentUser?.username || "Unknown"}</span>
+            </div>
+
+        </div>
+    )
+}
+
 export default Header;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/Info.jsx b/projects/react-js/advanced/Notes-App/src/components/Info.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/components/Info.jsx
rename to projects/react-js/advanced/Notes-App/src/components/Info.jsx
index a137dd92..96824e31 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/Info.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/Info.jsx
@@ -1,10 +1,10 @@
-function Info({message}) {
-
-    return (
-        <section className="grid place-items-center w-100 bg-pink-950 min-h-screen p-4 text-white">
-           <p className="text-sm">{message}</p>
-        </section>
-    )
-}
-
+function Info({message}) {
+
+    return (
+        <section className="grid place-items-center w-100 bg-pink-950 min-h-screen p-4 text-white">
+           <p className="text-sm">{message}</p>
+        </section>
+    )
+}
+
 export default Info;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/Input.jsx b/projects/react-js/advanced/Notes-App/src/components/Input.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/Input.jsx
rename to projects/react-js/advanced/Notes-App/src/components/Input.jsx
index 9f82814a..c9dcccbb 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/Input.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/Input.jsx
@@ -1,23 +1,23 @@
-function Input({label, type, name, placeholder, value, error, onChange}) {
-
-    return (
-        <div className="mb-3">
-            <label 
-                className="block mb-1 text-sm"
-            >{label}</label>
-            <input 
-                type={type}
-                name={name}
-                className="w-full p-3 bg-transparent rounded outline-none border-2 border-gray-300 focus:border-pink-500 text-sm"
-                placeholder={placeholder} 
-                value={value}
-                onChange={(e) => onChange(e.target.name, e.target.value)}
-            />
-            <small 
-                className="text-red-300"
-            >{error}</small>
-        </div>
-    )
-}
-
+function Input({label, type, name, placeholder, value, error, onChange}) {
+
+    return (
+        <div className="mb-3">
+            <label 
+                className="block mb-1 text-sm"
+            >{label}</label>
+            <input 
+                type={type}
+                name={name}
+                className="w-full p-3 bg-transparent rounded outline-none border-2 border-gray-300 focus:border-pink-500 text-sm"
+                placeholder={placeholder} 
+                value={value}
+                onChange={(e) => onChange(e.target.name, e.target.value)}
+            />
+            <small 
+                className="text-red-300"
+            >{error}</small>
+        </div>
+    )
+}
+
 export default Input;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/NewActionButton.jsx b/projects/react-js/advanced/Notes-App/src/components/NewActionButton.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/NewActionButton.jsx
rename to projects/react-js/advanced/Notes-App/src/components/NewActionButton.jsx
index 725a1088..90339c1a 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/NewActionButton.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/NewActionButton.jsx
@@ -1,60 +1,60 @@
-import { useState } from "react"
-import { FaFolder, FaList, FaPlus, FaTimes } from "react-icons/fa"
-import { useNavigate, useParams } from "react-router-dom";
-
-function NewActionButton({toggleNewFolder}) {
-
-    const {folderId} = useParams();
-    const navigate = useNavigate()
-    const [menuToggle, setMenuToggle] = useState(false)
-
-    const goToNewFolder = () => {
-        if (folderId) {
-            console.log("listed")
-            navigate(`/newnote/${folderId}`)
-        }else {
-            console.log("unlisted")
-            navigate(`/newnote`)
-        }
-    }
-
-    return (
-        <div
-            className="fixed w-12 h-12 bottom-10 right-14 rounded-full cursor-pointer z-10 text-white grid place-items-center text-sm"
-        >
-            {
-                menuToggle ? (
-                    <FaTimes
-                        className="h-full w-full bg-pink-500 p-4 rounded-full hover:bg-pink-600"
-                        onClick={() => setMenuToggle(false)}
-                    />
-                ) : (
-                    <FaPlus
-                        className="h-full w-full bg-pink-500 p-4 rounded-full hover:bg-pink-600"
-                        onClick={() => setMenuToggle(true)}
-                    />
-                )
-            }
-            {
-                menuToggle && <ul
-                    className="absolute list-none w-36 bottom-full right-6 mb-2 bg-pink-500"
-                >
-                    <li
-                        onClick={() => toggleNewFolder("new", true)}
-                        className="p-2 border-b border-pink-400 hover:bg-pink-600 flex items-center gap-3"
-                    >
-                        <FaFolder />New folder
-                    </li>
-                    <li
-                        className="p-2 hover:bg-pink-600 flex items-center gap-3"
-                        onClick={goToNewFolder}
-                    >
-                        <FaList /> New note
-                    </li>
-                </ul>
-            }
-        </div>
-    )
-}
-
+import { useState } from "react"
+import { FaFolder, FaList, FaPlus, FaTimes } from "react-icons/fa"
+import { useNavigate, useParams } from "react-router-dom";
+
+function NewActionButton({toggleNewFolder}) {
+
+    const {folderId} = useParams();
+    const navigate = useNavigate()
+    const [menuToggle, setMenuToggle] = useState(false)
+
+    const goToNewFolder = () => {
+        if (folderId) {
+            console.log("listed")
+            navigate(`/newnote/${folderId}`)
+        }else {
+            console.log("unlisted")
+            navigate(`/newnote`)
+        }
+    }
+
+    return (
+        <div
+            className="fixed w-12 h-12 bottom-10 right-14 rounded-full cursor-pointer z-10 text-white grid place-items-center text-sm"
+        >
+            {
+                menuToggle ? (
+                    <FaTimes
+                        className="h-full w-full bg-pink-500 p-4 rounded-full hover:bg-pink-600"
+                        onClick={() => setMenuToggle(false)}
+                    />
+                ) : (
+                    <FaPlus
+                        className="h-full w-full bg-pink-500 p-4 rounded-full hover:bg-pink-600"
+                        onClick={() => setMenuToggle(true)}
+                    />
+                )
+            }
+            {
+                menuToggle && <ul
+                    className="absolute list-none w-36 bottom-full right-6 mb-2 bg-pink-500"
+                >
+                    <li
+                        onClick={() => toggleNewFolder("new", true)}
+                        className="p-2 border-b border-pink-400 hover:bg-pink-600 flex items-center gap-3"
+                    >
+                        <FaFolder />New folder
+                    </li>
+                    <li
+                        className="p-2 hover:bg-pink-600 flex items-center gap-3"
+                        onClick={goToNewFolder}
+                    >
+                        <FaList /> New note
+                    </li>
+                </ul>
+            }
+        </div>
+    )
+}
+
 export default NewActionButton
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/NewFolder.jsx b/projects/react-js/advanced/Notes-App/src/components/NewFolder.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/NewFolder.jsx
rename to projects/react-js/advanced/Notes-App/src/components/NewFolder.jsx
index 43eaf5ff..aef46570 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/NewFolder.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/NewFolder.jsx
@@ -1,70 +1,70 @@
-import { useContext, useState } from "react";
-import Input from "./Input";
-import Button from "./Button";
-import { FaTimes } from "react-icons/fa";
-import { FolderContext } from "../contexts/FolderContext";
-import { useParams } from "react-router-dom";
-
-function NewFolder({ setModalToggle, user }) {
-
-    const { folderId } = useParams()
-    const [folderName, setFolderName] = useState("")
-    const [error, setError] = useState("")
-    const { loading, saveFolder } = useContext(FolderContext);
-
-    const onInputChange = (name, value) => {
-        setError("")
-        setFolderName(value);
-    }
-
-    const onSubmit = async (e) => {
-        e.preventDefault();
-        if (folderName === "") {
-            setError("Folder name is required!");
-            return;
-        }
-        console.log(user)
-        await saveFolder(folderName, folderId || null, user?.id)
-        setModalToggle("new", false)
-    };
-
-    return (
-        <section className="grid place-items-center w-100 min-h-screen p-4 fixed top-0 left-0 bg-blur w-full z-20">
-            <form className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white" onSubmit={onSubmit}>
-                <h1 className="text-xl mt-1 mb-3 font-medium flex items-center">
-                    <span className="flex-1">New Folder</span>
-                    <span
-                        className="hover:text-pink-400 cursor-pointer"
-                        onClick={() => setModalToggle("new", false)}
-                    ><FaTimes /></span>
-                </h1>
-                <Input
-                    label="Folder name"
-                    type="text"
-                    placeholder="Eg., Work"
-                    name="folderName"
-                    value={folderName}
-                    error={error}
-                    onChange={onInputChange}
-                />
-
-                <Button
-                    text="Save"
-                    width="w-full"
-                    bg="bg-pink-500"
-                    hover="hover:bg-pink-600"
-                    focus="focus:ring-pink-800"
-                    color="text-white-700"
-                    onClick={null}
-                    loading={loading}
-                />
-
-
-
-            </form>
-        </section>
-    )
-
-}
-
+import { useContext, useState } from "react";
+import Input from "./Input";
+import Button from "./Button";
+import { FaTimes } from "react-icons/fa";
+import { FolderContext } from "../contexts/FolderContext";
+import { useParams } from "react-router-dom";
+
+function NewFolder({ setModalToggle, user }) {
+
+    const { folderId } = useParams()
+    const [folderName, setFolderName] = useState("")
+    const [error, setError] = useState("")
+    const { loading, saveFolder } = useContext(FolderContext);
+
+    const onInputChange = (name, value) => {
+        setError("")
+        setFolderName(value);
+    }
+
+    const onSubmit = async (e) => {
+        e.preventDefault();
+        if (folderName === "") {
+            setError("Folder name is required!");
+            return;
+        }
+        console.log(user)
+        await saveFolder(folderName, folderId || null, user?.id)
+        setModalToggle("new", false)
+    };
+
+    return (
+        <section className="grid place-items-center w-100 min-h-screen p-4 fixed top-0 left-0 bg-blur w-full z-20">
+            <form className="w-full sm:w-2/3 lg:w-1/3 bg-pink-900 p-3 text-white" onSubmit={onSubmit}>
+                <h1 className="text-xl mt-1 mb-3 font-medium flex items-center">
+                    <span className="flex-1">New Folder</span>
+                    <span
+                        className="hover:text-pink-400 cursor-pointer"
+                        onClick={() => setModalToggle("new", false)}
+                    ><FaTimes /></span>
+                </h1>
+                <Input
+                    label="Folder name"
+                    type="text"
+                    placeholder="Eg., Work"
+                    name="folderName"
+                    value={folderName}
+                    error={error}
+                    onChange={onInputChange}
+                />
+
+                <Button
+                    text="Save"
+                    width="w-full"
+                    bg="bg-pink-500"
+                    hover="hover:bg-pink-600"
+                    focus="focus:ring-pink-800"
+                    color="text-white-700"
+                    onClick={null}
+                    loading={loading}
+                />
+
+
+
+            </form>
+        </section>
+    )
+
+}
+
 export default NewFolder;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/NoteCard.jsx b/projects/react-js/advanced/Notes-App/src/components/NoteCard.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/components/NoteCard.jsx
rename to projects/react-js/advanced/Notes-App/src/components/NoteCard.jsx
index abaf2880..f5acd41c 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/NoteCard.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/NoteCard.jsx
@@ -1,92 +1,92 @@
-import { useContext, useState } from "react";
-import { FaPen, FaTrash } from "react-icons/fa";
-import { NoteContext } from "../contexts/NoteContext";
-import { Link, useNavigate } from "react-router-dom";
-import ConfirmModal from "./ConfirmModal";
-
-function NoteCard({ note }) {
-
-    const { loading, deleteNote } = useContext(NoteContext)
-    const navigate = useNavigate();
-    const [confirmToggle, setConfirmToggle] = useState(false)
-
-    const onConfirm = () => {
-        deleteNote(note.user, note.folder, note.id)
-    }
-
-    const toggle = () => {
-        setConfirmToggle(prev => !prev)
-    }
-
-    const onEdit = async () => {
-        navigate(`/editnote/${note.id}`)
-    }
-
-    return (
-        <div className="masonry-item bg-pink-900 text-white rounded cursor-pointer hover:bg-pink-800 flex flex-col">
-            <div className="flex items-center p-2 border-b border-pink-950">
-                <div className="flex-1 text-sm font-medium capitalize">{note.title}</div>
-                <FaPen
-                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-blue-600 cursor-pointer hover:bg-blue-700"
-                    title="Edit note"
-                    onClick={onEdit}
-                />
-                <FaTrash
-                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-red-600 cursor-pointer hover:bg-red-700"
-                    title="Delete note"
-                    onClick={toggle}
-                />
-            </div>
-            <p
-                className="p-3 text-gray-300 text-sm flex-1"
-            >
-                {truncateText(stripHtml(note.description), 75)}
-                <span className="text-pink-500 hover:underline">
-                    {note?.description.length !== 0 && <Link to={`/note/${note.id}`}> ... Read more</Link>}
-                </span>
-            </p>
-            <div className="text-gray-400 px-3 pb-3 text-xs">{formatDate(note.createdAt.seconds)}</div>
-
-            {
-                confirmToggle && (
-                    <ConfirmModal
-                        title="Confirm Delete"
-                        body={`Are you sure, Do you want to delete note "${note.title}"? This action cannot be undone.`}
-                        onCancel={toggle}
-                        onConfirm={onConfirm}
-                    />
-                )
-            }
-        </div>
-    )
-}
-
-export default NoteCard;
-
-function formatDate(timestampSeconds) {
-    const timestampMilliseconds = timestampSeconds * 1000;
-
-    const date = new Date(timestampMilliseconds);
-
-    const day = date.getDate();
-    const monthName = date.toLocaleString('default', { month: 'short' });
-
-    const year = date.getFullYear();
-
-    const formattedDate = `${day} ${monthName} ${year}`;
-
-    return formattedDate
-
-}
-
-function stripHtml(html) {
-    let doc = new DOMParser().parseFromString(html, 'text/html');
-    return doc.body.textContent || "";
-}
-
-function truncateText(text, limit) {
-    if (text.length > limit) {
-        return text.substring(0, limit);
-    }
-    return text;
+import { useContext, useState } from "react";
+import { FaPen, FaTrash } from "react-icons/fa";
+import { NoteContext } from "../contexts/NoteContext";
+import { Link, useNavigate } from "react-router-dom";
+import ConfirmModal from "./ConfirmModal";
+
+function NoteCard({ note }) {
+
+    const { loading, deleteNote } = useContext(NoteContext)
+    const navigate = useNavigate();
+    const [confirmToggle, setConfirmToggle] = useState(false)
+
+    const onConfirm = () => {
+        deleteNote(note.user, note.folder, note.id)
+    }
+
+    const toggle = () => {
+        setConfirmToggle(prev => !prev)
+    }
+
+    const onEdit = async () => {
+        navigate(`/editnote/${note.id}`)
+    }
+
+    return (
+        <div className="masonry-item bg-pink-900 text-white rounded cursor-pointer hover:bg-pink-800 flex flex-col">
+            <div className="flex items-center p-2 border-b border-pink-950">
+                <div className="flex-1 text-sm font-medium capitalize">{note.title}</div>
+                <FaPen
+                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-blue-600 cursor-pointer hover:bg-blue-700"
+                    title="Edit note"
+                    onClick={onEdit}
+                />
+                <FaTrash
+                    className="text-pink-50 h-7 w-7 p-2 ml-2 rounded bg-red-600 cursor-pointer hover:bg-red-700"
+                    title="Delete note"
+                    onClick={toggle}
+                />
+            </div>
+            <p
+                className="p-3 text-gray-300 text-sm flex-1"
+            >
+                {truncateText(stripHtml(note.description), 75)}
+                <span className="text-pink-500 hover:underline">
+                    {note?.description.length !== 0 && <Link to={`/note/${note.id}`}> ... Read more</Link>}
+                </span>
+            </p>
+            <div className="text-gray-400 px-3 pb-3 text-xs">{formatDate(note.createdAt.seconds)}</div>
+
+            {
+                confirmToggle && (
+                    <ConfirmModal
+                        title="Confirm Delete"
+                        body={`Are you sure, Do you want to delete note "${note.title}"? This action cannot be undone.`}
+                        onCancel={toggle}
+                        onConfirm={onConfirm}
+                    />
+                )
+            }
+        </div>
+    )
+}
+
+export default NoteCard;
+
+function formatDate(timestampSeconds) {
+    const timestampMilliseconds = timestampSeconds * 1000;
+
+    const date = new Date(timestampMilliseconds);
+
+    const day = date.getDate();
+    const monthName = date.toLocaleString('default', { month: 'short' });
+
+    const year = date.getFullYear();
+
+    const formattedDate = `${day} ${monthName} ${year}`;
+
+    return formattedDate
+
+}
+
+function stripHtml(html) {
+    let doc = new DOMParser().parseFromString(html, 'text/html');
+    return doc.body.textContent || "";
+}
+
+function truncateText(text, limit) {
+    if (text.length > limit) {
+        return text.substring(0, limit);
+    }
+    return text;
 }
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/NotesList.jsx b/projects/react-js/advanced/Notes-App/src/components/NotesList.jsx
similarity index 94%
rename from React-JS-Projects/Advanced/Notes-App/src/components/NotesList.jsx
rename to projects/react-js/advanced/Notes-App/src/components/NotesList.jsx
index e7975641..1531bcfd 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/NotesList.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/NotesList.jsx
@@ -1,20 +1,20 @@
-import NoteCard from "./NoteCard";
-
-function NotesList({ notesList }) {
-
-    return (
-
-        <>
-
-            {
-                notesList?.map((note) => {
-                    return <NoteCard note={note} key={note.id} />
-                })
-            }
-
-        </>
-    )
-
-}
-
+import NoteCard from "./NoteCard";
+
+function NotesList({ notesList }) {
+
+    return (
+
+        <>
+
+            {
+                notesList?.map((note) => {
+                    return <NoteCard note={note} key={note.id} />
+                })
+            }
+
+        </>
+    )
+
+}
+
 export default NotesList;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/components/Search.jsx b/projects/react-js/advanced/Notes-App/src/components/Search.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/components/Search.jsx
rename to projects/react-js/advanced/Notes-App/src/components/Search.jsx
index 527bcd5e..60ab86a5 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/components/Search.jsx
+++ b/projects/react-js/advanced/Notes-App/src/components/Search.jsx
@@ -1,28 +1,28 @@
-import { useEffect, useRef } from "react";
-import { FaTimes } from "react-icons/fa";
-
-function Search({ setSearchToggle, OnSearchValueChange }) {
-
-    const searchInput = useRef()
-
-    useEffect(() => {
-        searchInput.current.focus()
-    }, [])
-    return (
-        <div className="w-full my-2 flex">
-            <input
-                type="text"
-                ref={searchInput}
-                placeholder="Search"
-                className="flex-1 outline-none text-pink-50 bg-transparent px-3 border-2 border-pink-900 rounded-l h-12"
-                onChange={OnSearchValueChange}
-            />
-            <FaTimes
-                className="h-12 w-12 p-4 text-pink-50  bg-pink-900 cursor-pointer hover:bg-pink-800 rounded-r"
-                onClick={setSearchToggle}
-            />
-        </div>
-    )
-}
-
+import { useEffect, useRef } from "react";
+import { FaTimes } from "react-icons/fa";
+
+function Search({ setSearchToggle, OnSearchValueChange }) {
+
+    const searchInput = useRef()
+
+    useEffect(() => {
+        searchInput.current.focus()
+    }, [])
+    return (
+        <div className="w-full my-2 flex">
+            <input
+                type="text"
+                ref={searchInput}
+                placeholder="Search"
+                className="flex-1 outline-none text-pink-50 bg-transparent px-3 border-2 border-pink-900 rounded-l h-12"
+                onChange={OnSearchValueChange}
+            />
+            <FaTimes
+                className="h-12 w-12 p-4 text-pink-50  bg-pink-900 cursor-pointer hover:bg-pink-800 rounded-r"
+                onClick={setSearchToggle}
+            />
+        </div>
+    )
+}
+
 export default Search;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/config/firebase.jsx b/projects/react-js/advanced/Notes-App/src/config/firebase.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/config/firebase.jsx
rename to projects/react-js/advanced/Notes-App/src/config/firebase.jsx
index 3c3d160b..86992bd4 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/config/firebase.jsx
+++ b/projects/react-js/advanced/Notes-App/src/config/firebase.jsx
@@ -1,26 +1,26 @@
-import { initializeApp } from 'firebase/app';
-import { getAuth, GoogleAuthProvider } from 'firebase/auth';
-import { getFirestore } from 'firebase/firestore';
-
-// Your web app's Firebase configuration
-const firebaseConfig = {
-    apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-    authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-    projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-    storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-    messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-    appId: import.meta.env.VITE_FIREBASE_APP_ID
-};
-
-
-// Initialize Firebase
-const app = initializeApp(firebaseConfig);
-
-// Initialize Firebase Auth
-const auth = getAuth(app);
-const googleProvider = new GoogleAuthProvider();
-
-// Initialize Firestore
-const db = getFirestore(app);
-
-export { auth, googleProvider, db };
+import { initializeApp } from 'firebase/app';
+import { getAuth, GoogleAuthProvider } from 'firebase/auth';
+import { getFirestore } from 'firebase/firestore';
+
+// Your web app's Firebase configuration
+const firebaseConfig = {
+    apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+    authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
+    projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
+    storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
+    messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
+    appId: import.meta.env.VITE_FIREBASE_APP_ID
+};
+
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+
+// Initialize Firebase Auth
+const auth = getAuth(app);
+const googleProvider = new GoogleAuthProvider();
+
+// Initialize Firestore
+const db = getFirestore(app);
+
+export { auth, googleProvider, db };
diff --git a/React-JS-Projects/Advanced/Notes-App/src/config/reactQuill.jsx b/projects/react-js/advanced/Notes-App/src/config/reactQuill.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/config/reactQuill.jsx
rename to projects/react-js/advanced/Notes-App/src/config/reactQuill.jsx
index c59c01d2..290106da 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/config/reactQuill.jsx
+++ b/projects/react-js/advanced/Notes-App/src/config/reactQuill.jsx
@@ -1,14 +1,14 @@
-export const modules = {
-    toolbar: [
-        ['bold', 'italic', 'underline'],
-        ['link', 'image'],
-        [{ 'list': 'ordered' }, { 'list': 'bullet' }],
-        [{ 'align': [] }],
-        [{ 'header': [1, 2, 3, false] }]
-    ]
-};
-
-export const formats = [
-    'header', 'bold', 'italic', 'underline',
-    'list', 'link', 'image', 'align'
+export const modules = {
+    toolbar: [
+        ['bold', 'italic', 'underline'],
+        ['link', 'image'],
+        [{ 'list': 'ordered' }, { 'list': 'bullet' }],
+        [{ 'align': [] }],
+        [{ 'header': [1, 2, 3, false] }]
+    ]
+};
+
+export const formats = [
+    'header', 'bold', 'italic', 'underline',
+    'list', 'link', 'image', 'align'
 ];
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/contexts/AuthContext.jsx b/projects/react-js/advanced/Notes-App/src/contexts/AuthContext.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/contexts/AuthContext.jsx
rename to projects/react-js/advanced/Notes-App/src/contexts/AuthContext.jsx
index 234beb61..8052c77d 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/contexts/AuthContext.jsx
+++ b/projects/react-js/advanced/Notes-App/src/contexts/AuthContext.jsx
@@ -1,3 +1,3 @@
-import { createContext } from "react";
-
+import { createContext } from "react";
+
 export const AuthContext = createContext()
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/contexts/FolderContext.jsx b/projects/react-js/advanced/Notes-App/src/contexts/FolderContext.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/contexts/FolderContext.jsx
rename to projects/react-js/advanced/Notes-App/src/contexts/FolderContext.jsx
index d2d5d08a..168a058d 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/contexts/FolderContext.jsx
+++ b/projects/react-js/advanced/Notes-App/src/contexts/FolderContext.jsx
@@ -1,3 +1,3 @@
-import { createContext } from "react";
-
+import { createContext } from "react";
+
 export const FolderContext = createContext()
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/contexts/NoteContext.jsx b/projects/react-js/advanced/Notes-App/src/contexts/NoteContext.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/contexts/NoteContext.jsx
rename to projects/react-js/advanced/Notes-App/src/contexts/NoteContext.jsx
index c6504b38..1f573c9f 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/contexts/NoteContext.jsx
+++ b/projects/react-js/advanced/Notes-App/src/contexts/NoteContext.jsx
@@ -1,3 +1,3 @@
-import { createContext } from "react";
-
+import { createContext } from "react";
+
 export const NoteContext = createContext()
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/hooks/UseAuth.jsx b/projects/react-js/advanced/Notes-App/src/hooks/UseAuth.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/hooks/UseAuth.jsx
rename to projects/react-js/advanced/Notes-App/src/hooks/UseAuth.jsx
index 003e6fbe..7563cd4e 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/hooks/UseAuth.jsx
+++ b/projects/react-js/advanced/Notes-App/src/hooks/UseAuth.jsx
@@ -1,188 +1,188 @@
-import { createUserWithEmailAndPassword, signInWithEmailAndPassword, signInWithPopup } from "firebase/auth";
-import { auth, db, googleProvider } from "../config/firebase";
-import { doc, getDoc, setDoc } from "firebase/firestore";
-import { AuthContext } from "../contexts/AuthContext";
-import { useEffect, useState } from "react";
-import toast from "react-hot-toast";
-import { useNavigate } from "react-router-dom";
-
-function UseAuth() {
-
-    const [currentUser, setCurrentUser] = useState(null);
-    const [authLoading, setLoading] = useState(false)
-    const [fetchingUser, setFetchingUser] = useState(true)
-    const navigate = useNavigate()
-
-    useEffect(() => {
-        const unsubscribe = auth.onAuthStateChanged(async (user) => {
-            setFetchingUser(true);
-            if (user) {
-                const snapShot = await getDoc(doc(db, "users", user.uid));
-                if (snapShot.exists()) {
-                    const userData = snapShot.data();
-                    userData.id = user.uid;
-                    setCurrentUser(userData);
-                } else {
-                    setCurrentUser(null);
-                }
-            } else {
-                setCurrentUser(null);
-            }
-            setFetchingUser(false);
-        });
-
-        return () => unsubscribe();
-    }, []);
-
-
-    const registerWithEmailPassword = async ({ username, email, password }) => {
-        try {
-            setLoading(true)
-            const userCredentials = await createUserWithEmailAndPassword(auth, email, password);
-            const userId = userCredentials.user.uid;
-            const userData = {
-                username: username,
-                email: email,
-                regDateTime: new Date()
-            }
-            await setDoc(doc(db, 'users', userId), userData)
-            console.log("success")
-            navigate("/registrationSuccess")
-        } catch (error) {
-            if (error.message.includes("email-already-in-use")) {
-                toast.error("Provided email has been already taken. You can login or try another email!")
-            }else {
-                toast.error("Unable to process your request now. Please try again later!")
-            }
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const loginWithEmailPassword = async ({ email, password }) => {
-        try {
-            setLoading(true)
-            await signInWithEmailAndPassword(auth, email, password);
-            await fetchCurrentUser()
-            navigate("/")
-
-        } catch (error) {
-            console.log(error)
-            if (error.message.includes("invalid-credential")) {
-                toast.error("Invalid email or password!")
-            }else {
-                toast.error("Unable to process your request now. Please try again later!")
-            }
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const registerWithGoogle = async () => {
-        try {
-            const userCredentials = await signInWithPopup(auth, googleProvider)
-            const user = userCredentials.user;
-            const userData = {
-                username: user.displayName.split(" ")[0],
-                email: user.email,
-                regDateTime: new Date()
-            }
-            await setDoc(doc(db, 'users', user.uid), userData)
-            navigate("/registrationSuccess")
-        } catch (error) {
-            toast.error(error.message)
-        }
-    }
-
-    const loginWithGoogle = async () => {
-        try {
-            const userCredentials = await signInWithPopup(auth, googleProvider)
-            const user = userCredentials.user;
-            const userData = {
-                username: user.displayName.split(" ")[0],
-                email: user.email,
-                regDateTime: new Date()
-            }
-            await setDoc(doc(db, 'users', user.uid), userData)
-            navigate("/")
-        } catch (error) {
-            toast.error(error.message)
-        }
-    }
-
-    const logout = async () => {
-        try {
-            await auth.signOut();
-            fetchCurrentUser()
-            navigate("/login")
-        } catch (error) {
-            console.log(error)
-            toast.error(error.message)
-        }
-    }
-
-    const fetchCurrentUser = async () => {
-        setFetchingUser(true)
-        auth.onAuthStateChanged(async (user) => {
-
-            setCurrentUser(null)
-            if (!user) {
-                setFetchingUser(false)
-                return
-            }
-            const snapShot = await getDoc(doc(db, "users", user.uid))
-            if (snapShot.exists()) {
-                const u = snapShot.data();
-                u.id = user.uid;
-                setCurrentUser(u)
-            } else {
-                setCurrentUser(null)
-            }
-            setFetchingUser(false)
-
-        })
-    }
-
-    return {
-        currentUser,
-        authLoading,
-        fetchingUser,
-        registerWithEmailPassword,
-        registerWithGoogle,
-        loginWithEmailPassword,
-        loginWithGoogle,
-        logout,
-        fetchCurrentUser
-    }
-}
-
-function AuthWrapper({ children }) {
-    const { currentUser,
-        authLoading,
-        fetchingUser,
-        registerWithEmailPassword,
-        registerWithGoogle,
-        loginWithEmailPassword,
-        loginWithGoogle,
-        logout,
-        fetchCurrentUser } = UseAuth()
-
-    return (
-        <AuthContext.Provider
-            value={{
-                currentUser,
-                authLoading,
-                fetchingUser,
-                registerWithEmailPassword,
-                registerWithGoogle,
-                loginWithEmailPassword,
-                loginWithGoogle,
-                logout,
-                fetchCurrentUser
-            }}>
-            {children}
-        </AuthContext.Provider>
-    )
-}
-
-export default AuthWrapper;
+import { createUserWithEmailAndPassword, signInWithEmailAndPassword, signInWithPopup } from "firebase/auth";
+import { auth, db, googleProvider } from "../config/firebase";
+import { doc, getDoc, setDoc } from "firebase/firestore";
+import { AuthContext } from "../contexts/AuthContext";
+import { useEffect, useState } from "react";
+import toast from "react-hot-toast";
+import { useNavigate } from "react-router-dom";
+
+function UseAuth() {
+
+    const [currentUser, setCurrentUser] = useState(null);
+    const [authLoading, setLoading] = useState(false)
+    const [fetchingUser, setFetchingUser] = useState(true)
+    const navigate = useNavigate()
+
+    useEffect(() => {
+        const unsubscribe = auth.onAuthStateChanged(async (user) => {
+            setFetchingUser(true);
+            if (user) {
+                const snapShot = await getDoc(doc(db, "users", user.uid));
+                if (snapShot.exists()) {
+                    const userData = snapShot.data();
+                    userData.id = user.uid;
+                    setCurrentUser(userData);
+                } else {
+                    setCurrentUser(null);
+                }
+            } else {
+                setCurrentUser(null);
+            }
+            setFetchingUser(false);
+        });
+
+        return () => unsubscribe();
+    }, []);
+
+
+    const registerWithEmailPassword = async ({ username, email, password }) => {
+        try {
+            setLoading(true)
+            const userCredentials = await createUserWithEmailAndPassword(auth, email, password);
+            const userId = userCredentials.user.uid;
+            const userData = {
+                username: username,
+                email: email,
+                regDateTime: new Date()
+            }
+            await setDoc(doc(db, 'users', userId), userData)
+            console.log("success")
+            navigate("/registrationSuccess")
+        } catch (error) {
+            if (error.message.includes("email-already-in-use")) {
+                toast.error("Provided email has been already taken. You can login or try another email!")
+            }else {
+                toast.error("Unable to process your request now. Please try again later!")
+            }
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const loginWithEmailPassword = async ({ email, password }) => {
+        try {
+            setLoading(true)
+            await signInWithEmailAndPassword(auth, email, password);
+            await fetchCurrentUser()
+            navigate("/")
+
+        } catch (error) {
+            console.log(error)
+            if (error.message.includes("invalid-credential")) {
+                toast.error("Invalid email or password!")
+            }else {
+                toast.error("Unable to process your request now. Please try again later!")
+            }
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const registerWithGoogle = async () => {
+        try {
+            const userCredentials = await signInWithPopup(auth, googleProvider)
+            const user = userCredentials.user;
+            const userData = {
+                username: user.displayName.split(" ")[0],
+                email: user.email,
+                regDateTime: new Date()
+            }
+            await setDoc(doc(db, 'users', user.uid), userData)
+            navigate("/registrationSuccess")
+        } catch (error) {
+            toast.error(error.message)
+        }
+    }
+
+    const loginWithGoogle = async () => {
+        try {
+            const userCredentials = await signInWithPopup(auth, googleProvider)
+            const user = userCredentials.user;
+            const userData = {
+                username: user.displayName.split(" ")[0],
+                email: user.email,
+                regDateTime: new Date()
+            }
+            await setDoc(doc(db, 'users', user.uid), userData)
+            navigate("/")
+        } catch (error) {
+            toast.error(error.message)
+        }
+    }
+
+    const logout = async () => {
+        try {
+            await auth.signOut();
+            fetchCurrentUser()
+            navigate("/login")
+        } catch (error) {
+            console.log(error)
+            toast.error(error.message)
+        }
+    }
+
+    const fetchCurrentUser = async () => {
+        setFetchingUser(true)
+        auth.onAuthStateChanged(async (user) => {
+
+            setCurrentUser(null)
+            if (!user) {
+                setFetchingUser(false)
+                return
+            }
+            const snapShot = await getDoc(doc(db, "users", user.uid))
+            if (snapShot.exists()) {
+                const u = snapShot.data();
+                u.id = user.uid;
+                setCurrentUser(u)
+            } else {
+                setCurrentUser(null)
+            }
+            setFetchingUser(false)
+
+        })
+    }
+
+    return {
+        currentUser,
+        authLoading,
+        fetchingUser,
+        registerWithEmailPassword,
+        registerWithGoogle,
+        loginWithEmailPassword,
+        loginWithGoogle,
+        logout,
+        fetchCurrentUser
+    }
+}
+
+function AuthWrapper({ children }) {
+    const { currentUser,
+        authLoading,
+        fetchingUser,
+        registerWithEmailPassword,
+        registerWithGoogle,
+        loginWithEmailPassword,
+        loginWithGoogle,
+        logout,
+        fetchCurrentUser } = UseAuth()
+
+    return (
+        <AuthContext.Provider
+            value={{
+                currentUser,
+                authLoading,
+                fetchingUser,
+                registerWithEmailPassword,
+                registerWithGoogle,
+                loginWithEmailPassword,
+                loginWithGoogle,
+                logout,
+                fetchCurrentUser
+            }}>
+            {children}
+        </AuthContext.Provider>
+    )
+}
+
+export default AuthWrapper;
diff --git a/React-JS-Projects/Advanced/Notes-App/src/hooks/UseFolder.jsx b/projects/react-js/advanced/Notes-App/src/hooks/UseFolder.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/hooks/UseFolder.jsx
rename to projects/react-js/advanced/Notes-App/src/hooks/UseFolder.jsx
index 09797e9d..b0990413 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/hooks/UseFolder.jsx
+++ b/projects/react-js/advanced/Notes-App/src/hooks/UseFolder.jsx
@@ -1,168 +1,168 @@
-import { addDoc, collection, deleteDoc, doc, getDoc, getDocs, query, setDoc, where } from "firebase/firestore";
-import { db} from "../config/firebase";
-import { useState } from "react";
-import { FolderContext } from "../contexts/FolderContext";
-import toast from "react-hot-toast";
-import { useNavigate } from "react-router-dom";
-
-function UseFolder() {
-
-    const [foldersList, setfoldersList] = useState(null)
-    const [folderLoading, setLoading] = useState(false)
-    const [folder, setfolder] = useState({foldername: "", createdAt: "" })
-    const navigate = useNavigate();
-
-    const fetchAllFolders = async (userId) => {
-        if ((!userId)) {
-            navigate("/login");return;
-        }
-        try {
-            setLoading(true)
-            const snapshot = await getDocs(
-                query(
-                    collection(db, "folders"),
-                    where("user", "==", userId)
-                )
-            )
-            const folders = [];
-            snapshot.forEach((doc) => {
-                folders.push({ id: doc.id, ...doc.data() });
-            });
-            setfoldersList(folders)
-        }catch (error) {
-            toast.error("Unable to process your request now. Please try again later!")
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const fetchFolderByFolder = async (userId, folderId) => {
-        if ((!userId)) {
-            navigate("/login");
-            return;
-        }
-        try {
-            setLoading(true)
-            const snapshot = await getDocs(
-                query(
-                    collection(db, "folders"),
-                    where("user", "==", userId),
-                    where("parent_folder", "==", folderId)
-                )
-            )
-            const folders = [];
-            snapshot.forEach((doc) => {
-                folders.push({ id: doc.id, ...doc.data() });
-            });
-            setfoldersList(folders)
-        }catch (error) {
-            // toast.error("Unable to process your request now. Please try again later!")
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const fetchFolder = async (folderId) => {
-        if ((!folderId)) {
-            navigate("/login")
-            return;
-        }
-        try {
-            setLoading(true)
-            const snapshot = await getDoc(doc(db, "folders", folderId))
-            if (snapshot.exists()) {
-                setfolder({ 
-                    foldername: snapshot.data().name, 
-                    parent: snapshot.data().parent_folder,
-                    createdAt: snapshot.data().createdAt
-                })
-            }else {
-                window.location.href = "/dashboard"
-            }
-        }catch (error) {
-            console.log(error)
-            toast.error("Unable to process your request now. Please try again later!")
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const saveFolder = async (name, parentFolderId, userId) => {
-        if ((!userId)) {
-            navigate("/login");return;
-        }
-        try {
-            setLoading(true);
-            await addDoc(collection(db, "folders"), {
-                name: name,
-                parent_folder: parentFolderId,
-                user: userId,
-                createdAt: new Date()
-            });
-            fetchFolderByFolder(userId, parentFolderId)
-            console.log("added")
-        } catch (error) {
-            console.log(error);
-            toast.error("Unable to process your request now. Please try again later!");
-        } finally {
-            setLoading(false);
-        }
-    }
-
-    const editFolder = async (folderId, name, parentFolderId, userId, createdAt) => {
-        if ((!userId)) {
-            navigate("/login");return;
-        }
-        try {
-            setLoading(true);
-            await setDoc(doc(db, "folders", folderId), {
-                name: name,
-                user: userId,
-                parent_folder: parentFolderId,
-                createdAt: createdAt,
-                updatedAt: new Date()
-            });
-            console.log("edited");
-            fetchFolderByFolder(userId, parentFolderId)
-            // setfolder(null)
-        } catch (error) {
-            console.log(error);
-            toast.error("Unable to process your request now. Please try again later!");
-        } finally {
-            setLoading(false);
-        }
-    }
-
-    const deleteFolder = async (user, parent_folder, folderId) => {
-        try {
-            setLoading(true);
-            await deleteDoc(doc(db, "folders", folderId))
-            fetchFolderByFolder(user, parent_folder)
-        }catch (error) {
-            console.log(error);
-            toast.error("Unable to process your request now. Please try again later!");
-        }
-    }
-
-    return {
-        foldersList, folder, folderLoading, fetchAllFolders, fetchFolderByFolder, fetchFolder, saveFolder, editFolder, deleteFolder
-    }
-
-
-}
-
-function FoldersWrapper({children}) {
-    const { foldersList, folder, folderLoading, fetchAllFolders, fetchFolderByFolder, fetchFolder, saveFolder, editFolder, deleteFolder } = UseFolder()
-
-    return (
-        <FolderContext.Provider
-            value={{
-                foldersList, folder, folderLoading, fetchAllFolders, fetchFolderByFolder, fetchFolder, saveFolder, editFolder, deleteFolder
-            }}
-        >
-            {children}
-        </FolderContext.Provider>
-    )
-}
-
-export default FoldersWrapper;
+import { addDoc, collection, deleteDoc, doc, getDoc, getDocs, query, setDoc, where } from "firebase/firestore";
+import { db} from "../config/firebase";
+import { useState } from "react";
+import { FolderContext } from "../contexts/FolderContext";
+import toast from "react-hot-toast";
+import { useNavigate } from "react-router-dom";
+
+function UseFolder() {
+
+    const [foldersList, setfoldersList] = useState(null)
+    const [folderLoading, setLoading] = useState(false)
+    const [folder, setfolder] = useState({foldername: "", createdAt: "" })
+    const navigate = useNavigate();
+
+    const fetchAllFolders = async (userId) => {
+        if ((!userId)) {
+            navigate("/login");return;
+        }
+        try {
+            setLoading(true)
+            const snapshot = await getDocs(
+                query(
+                    collection(db, "folders"),
+                    where("user", "==", userId)
+                )
+            )
+            const folders = [];
+            snapshot.forEach((doc) => {
+                folders.push({ id: doc.id, ...doc.data() });
+            });
+            setfoldersList(folders)
+        }catch (error) {
+            toast.error("Unable to process your request now. Please try again later!")
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const fetchFolderByFolder = async (userId, folderId) => {
+        if ((!userId)) {
+            navigate("/login");
+            return;
+        }
+        try {
+            setLoading(true)
+            const snapshot = await getDocs(
+                query(
+                    collection(db, "folders"),
+                    where("user", "==", userId),
+                    where("parent_folder", "==", folderId)
+                )
+            )
+            const folders = [];
+            snapshot.forEach((doc) => {
+                folders.push({ id: doc.id, ...doc.data() });
+            });
+            setfoldersList(folders)
+        }catch (error) {
+            // toast.error("Unable to process your request now. Please try again later!")
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const fetchFolder = async (folderId) => {
+        if ((!folderId)) {
+            navigate("/login")
+            return;
+        }
+        try {
+            setLoading(true)
+            const snapshot = await getDoc(doc(db, "folders", folderId))
+            if (snapshot.exists()) {
+                setfolder({ 
+                    foldername: snapshot.data().name, 
+                    parent: snapshot.data().parent_folder,
+                    createdAt: snapshot.data().createdAt
+                })
+            }else {
+                window.location.href = "/dashboard"
+            }
+        }catch (error) {
+            console.log(error)
+            toast.error("Unable to process your request now. Please try again later!")
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const saveFolder = async (name, parentFolderId, userId) => {
+        if ((!userId)) {
+            navigate("/login");return;
+        }
+        try {
+            setLoading(true);
+            await addDoc(collection(db, "folders"), {
+                name: name,
+                parent_folder: parentFolderId,
+                user: userId,
+                createdAt: new Date()
+            });
+            fetchFolderByFolder(userId, parentFolderId)
+            console.log("added")
+        } catch (error) {
+            console.log(error);
+            toast.error("Unable to process your request now. Please try again later!");
+        } finally {
+            setLoading(false);
+        }
+    }
+
+    const editFolder = async (folderId, name, parentFolderId, userId, createdAt) => {
+        if ((!userId)) {
+            navigate("/login");return;
+        }
+        try {
+            setLoading(true);
+            await setDoc(doc(db, "folders", folderId), {
+                name: name,
+                user: userId,
+                parent_folder: parentFolderId,
+                createdAt: createdAt,
+                updatedAt: new Date()
+            });
+            console.log("edited");
+            fetchFolderByFolder(userId, parentFolderId)
+            // setfolder(null)
+        } catch (error) {
+            console.log(error);
+            toast.error("Unable to process your request now. Please try again later!");
+        } finally {
+            setLoading(false);
+        }
+    }
+
+    const deleteFolder = async (user, parent_folder, folderId) => {
+        try {
+            setLoading(true);
+            await deleteDoc(doc(db, "folders", folderId))
+            fetchFolderByFolder(user, parent_folder)
+        }catch (error) {
+            console.log(error);
+            toast.error("Unable to process your request now. Please try again later!");
+        }
+    }
+
+    return {
+        foldersList, folder, folderLoading, fetchAllFolders, fetchFolderByFolder, fetchFolder, saveFolder, editFolder, deleteFolder
+    }
+
+
+}
+
+function FoldersWrapper({children}) {
+    const { foldersList, folder, folderLoading, fetchAllFolders, fetchFolderByFolder, fetchFolder, saveFolder, editFolder, deleteFolder } = UseFolder()
+
+    return (
+        <FolderContext.Provider
+            value={{
+                foldersList, folder, folderLoading, fetchAllFolders, fetchFolderByFolder, fetchFolder, saveFolder, editFolder, deleteFolder
+            }}
+        >
+            {children}
+        </FolderContext.Provider>
+    )
+}
+
+export default FoldersWrapper;
diff --git a/React-JS-Projects/Advanced/Notes-App/src/hooks/UseNote.jsx b/projects/react-js/advanced/Notes-App/src/hooks/UseNote.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/hooks/UseNote.jsx
rename to projects/react-js/advanced/Notes-App/src/hooks/UseNote.jsx
index 562fff24..ccea8475 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/hooks/UseNote.jsx
+++ b/projects/react-js/advanced/Notes-App/src/hooks/UseNote.jsx
@@ -1,178 +1,178 @@
-import { addDoc, collection, deleteDoc, doc, getDoc, getDocs, query, setDoc, where } from "firebase/firestore";
-import { db} from "../config/firebase";
-import { useEffect, useState } from "react";
-import { NoteContext } from "../contexts/NoteContext";
-import toast from "react-hot-toast";
-import { useNavigate } from "react-router-dom";
-
-function UseNote() {
-
-    const [notesList, setNotesList] = useState(null)
-    const [loading, setLoading] = useState(false)
-    const [note, setNote] = useState({noteTitle: "", createdAt: "", description: "" })
-    const navigate = useNavigate();
-
-    const fetchAllNotes = async (userId) => {
-        if ((!userId)) {
-            navigate("/login");return;
-        }
-        try {
-            setLoading(true)
-            const snapshot = await getDocs(
-                query(
-                    collection(db, "notes"),
-                    where("user", "==", userId)
-                )
-            )
-            const notes = [];
-            snapshot.forEach((doc) => {
-                notes.push({ id: doc.id, ...doc.data() });
-            });
-            setNotesList(notes)
-        }catch (error) {
-            toast.error("Unable to process your request now. Please try again later!")
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const fetchNotesByFolder = async (userId, folderId) => {
-        if ((!userId)) {
-            navigate("/login");
-            return;
-        }
-        try {
-            setLoading(true)
-            const snapshot = await getDocs(
-                query(
-                    collection(db, "notes"),
-                    where("user", "==", userId),
-                    where("folder", "==", folderId)
-                )
-            )
-            const notes = [];
-            snapshot.forEach((doc) => {
-                notes.push({ id: doc.id, ...doc.data() });
-            });
-            setNotesList(notes)
-        }catch (error) {
-            // toast.error("Unable to process your request now. Please try again later!")
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const fetchNote = async (noteId) => {
-        if ((!noteId)) {
-            navigate("/login");return;
-        }
-        try {
-            setLoading(true)
-            const snapshot = await getDoc(doc(db, "notes", noteId))
-            if (snapshot.exists()) {
-                setNote({ 
-                    noteTitle: snapshot.data().title, 
-                    createdAt: snapshot.data().createdAt,
-                    folder: snapshot.data().folder, 
-                    description: snapshot.data().description 
-                })
-            }else {
-                window.location.href = "/dashboard"
-            }
-        }catch (error) {
-            console.log(error)
-            toast.error("Unable to process your request now. Please try again later!")
-        } finally {
-            setLoading(false)
-        }
-    }
-
-    const saveNote = async (title, description, folderId, userId) => {
-        if ((!userId)) {
-            navigate("/login");return;
-        }
-        console.log(folderId)
-        try {
-            setLoading(true);
-            await addDoc(collection(db, "notes"), {
-                title: title,
-                description: description,
-                folder: folderId,
-                user: userId,
-                createdAt: new Date()
-            });
-            if (folderId) {
-                navigate(`/${folderId}`)
-            }else {
-                navigate(`/`)
-            }
-        } catch (error) {
-            console.log(error);
-            toast.error("Unable to process your request now. Please try again later!");
-        } finally {
-            setLoading(false);
-        }
-    }
-
-    const editNote = async (noteId, title, description, folderId, userId, createdAt) => {
-        if ((!userId)) {
-            navigate("/login");return;
-        }
-        try {
-            setLoading(true);
-            await setDoc(doc(db, "notes", noteId), {
-                title: title,
-                description: description,
-                folder: folderId,
-                user: userId,
-                createdAt: createdAt,
-                updatedAt: new Date()
-            });
-            console.log("edited");
-            setNote(null)
-            if (folderId) {
-                navigate(`/${folderId}`)
-            }else {
-                navigate(`/`)
-            }
-        } catch (error) {
-            console.log(error);
-            toast.error("Unable to process your request now. Please try again later!");
-        } finally {
-            setLoading(false);
-        }
-    }
-
-    const deleteNote = async (user, folder, noteId) => {
-        try {
-            setLoading(true);
-            await deleteDoc(doc(db, "notes", noteId))
-            fetchNotesByFolder(user, folder)
-        }catch (error) {
-            console.log(error);
-            toast.error("Unable to process your request now. Please try again later!");
-        }
-    }
-
-    return {
-        notesList, note, loading, fetchAllNotes, fetchNotesByFolder, fetchNote, saveNote, editNote, deleteNote
-    }
-
-
-}
-
-function NotesWrapper({children}) {
-    const { notesList, note, loading, fetchAllNotes, fetchNotesByFolder, fetchNote, saveNote, editNote, deleteNote } = UseNote()
-
-    return (
-        <NoteContext.Provider
-            value={{
-                notesList, note, loading, fetchAllNotes, fetchNotesByFolder, fetchNote, saveNote, editNote, deleteNote
-            }}
-        >
-            {children}
-        </NoteContext.Provider>
-    )
-}
-
-export default NotesWrapper;
+import { addDoc, collection, deleteDoc, doc, getDoc, getDocs, query, setDoc, where } from "firebase/firestore";
+import { db} from "../config/firebase";
+import { useEffect, useState } from "react";
+import { NoteContext } from "../contexts/NoteContext";
+import toast from "react-hot-toast";
+import { useNavigate } from "react-router-dom";
+
+function UseNote() {
+
+    const [notesList, setNotesList] = useState(null)
+    const [loading, setLoading] = useState(false)
+    const [note, setNote] = useState({noteTitle: "", createdAt: "", description: "" })
+    const navigate = useNavigate();
+
+    const fetchAllNotes = async (userId) => {
+        if ((!userId)) {
+            navigate("/login");return;
+        }
+        try {
+            setLoading(true)
+            const snapshot = await getDocs(
+                query(
+                    collection(db, "notes"),
+                    where("user", "==", userId)
+                )
+            )
+            const notes = [];
+            snapshot.forEach((doc) => {
+                notes.push({ id: doc.id, ...doc.data() });
+            });
+            setNotesList(notes)
+        }catch (error) {
+            toast.error("Unable to process your request now. Please try again later!")
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const fetchNotesByFolder = async (userId, folderId) => {
+        if ((!userId)) {
+            navigate("/login");
+            return;
+        }
+        try {
+            setLoading(true)
+            const snapshot = await getDocs(
+                query(
+                    collection(db, "notes"),
+                    where("user", "==", userId),
+                    where("folder", "==", folderId)
+                )
+            )
+            const notes = [];
+            snapshot.forEach((doc) => {
+                notes.push({ id: doc.id, ...doc.data() });
+            });
+            setNotesList(notes)
+        }catch (error) {
+            // toast.error("Unable to process your request now. Please try again later!")
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const fetchNote = async (noteId) => {
+        if ((!noteId)) {
+            navigate("/login");return;
+        }
+        try {
+            setLoading(true)
+            const snapshot = await getDoc(doc(db, "notes", noteId))
+            if (snapshot.exists()) {
+                setNote({ 
+                    noteTitle: snapshot.data().title, 
+                    createdAt: snapshot.data().createdAt,
+                    folder: snapshot.data().folder, 
+                    description: snapshot.data().description 
+                })
+            }else {
+                window.location.href = "/dashboard"
+            }
+        }catch (error) {
+            console.log(error)
+            toast.error("Unable to process your request now. Please try again later!")
+        } finally {
+            setLoading(false)
+        }
+    }
+
+    const saveNote = async (title, description, folderId, userId) => {
+        if ((!userId)) {
+            navigate("/login");return;
+        }
+        console.log(folderId)
+        try {
+            setLoading(true);
+            await addDoc(collection(db, "notes"), {
+                title: title,
+                description: description,
+                folder: folderId,
+                user: userId,
+                createdAt: new Date()
+            });
+            if (folderId) {
+                navigate(`/${folderId}`)
+            }else {
+                navigate(`/`)
+            }
+        } catch (error) {
+            console.log(error);
+            toast.error("Unable to process your request now. Please try again later!");
+        } finally {
+            setLoading(false);
+        }
+    }
+
+    const editNote = async (noteId, title, description, folderId, userId, createdAt) => {
+        if ((!userId)) {
+            navigate("/login");return;
+        }
+        try {
+            setLoading(true);
+            await setDoc(doc(db, "notes", noteId), {
+                title: title,
+                description: description,
+                folder: folderId,
+                user: userId,
+                createdAt: createdAt,
+                updatedAt: new Date()
+            });
+            console.log("edited");
+            setNote(null)
+            if (folderId) {
+                navigate(`/${folderId}`)
+            }else {
+                navigate(`/`)
+            }
+        } catch (error) {
+            console.log(error);
+            toast.error("Unable to process your request now. Please try again later!");
+        } finally {
+            setLoading(false);
+        }
+    }
+
+    const deleteNote = async (user, folder, noteId) => {
+        try {
+            setLoading(true);
+            await deleteDoc(doc(db, "notes", noteId))
+            fetchNotesByFolder(user, folder)
+        }catch (error) {
+            console.log(error);
+            toast.error("Unable to process your request now. Please try again later!");
+        }
+    }
+
+    return {
+        notesList, note, loading, fetchAllNotes, fetchNotesByFolder, fetchNote, saveNote, editNote, deleteNote
+    }
+
+
+}
+
+function NotesWrapper({children}) {
+    const { notesList, note, loading, fetchAllNotes, fetchNotesByFolder, fetchNote, saveNote, editNote, deleteNote } = UseNote()
+
+    return (
+        <NoteContext.Provider
+            value={{
+                notesList, note, loading, fetchAllNotes, fetchNotesByFolder, fetchNote, saveNote, editNote, deleteNote
+            }}
+        >
+            {children}
+        </NoteContext.Provider>
+    )
+}
+
+export default NotesWrapper;
diff --git a/React-JS-Projects/Advanced/Notes-App/src/index.css b/projects/react-js/advanced/Notes-App/src/index.css
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/src/index.css
rename to projects/react-js/advanced/Notes-App/src/index.css
diff --git a/React-JS-Projects/Advanced/Notes-App/src/main.jsx b/projects/react-js/advanced/Notes-App/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/src/main.jsx
rename to projects/react-js/advanced/Notes-App/src/main.jsx
diff --git a/React-JS-Projects/Advanced/Notes-App/src/pages/auth/Login.jsx b/projects/react-js/advanced/Notes-App/src/pages/auth/Login.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/pages/auth/Login.jsx
rename to projects/react-js/advanced/Notes-App/src/pages/auth/Login.jsx
index 6bced738..3cd612d1 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/pages/auth/Login.jsx
+++ b/projects/react-js/advanced/Notes-App/src/pages/auth/Login.jsx
@@ -1,120 +1,120 @@
-import { useContext, useEffect, useState } from "react";
-import AuthContainer from "../../components/AuthContainer";
-import Input from "../../components/Input";
-import Button from "../../components/Button";
-import { Link, useNavigate } from "react-router-dom";
-import { FaGoogle } from "react-icons/fa";
-import { AuthContext } from "../../contexts/AuthContext";
-
-function Login() {
-    const [inputs, setInputs] = useState({ email: "", password: "" })
-    const [errors, setErrors] = useState({ email: "", password: "" })
-    const { currentUser, authLoading, loginWithEmailPassword, loginWithGoogle } = useContext(AuthContext)
-    const navigate = useNavigate()
-
-    useEffect(() => {
-        if (currentUser) {
-            navigate("/")
-        }
-    }, [])
-
-    const onInputChange = (name, value) => {
-        setErrors(prev => {
-            return { ...prev, [name]: ""}
-        })
-        setInputs(prev => {
-            return { ...prev, [name]: value }
-        });
-    }
-
-    const onSubmit = (e) => {
-        e.preventDefault();
-    }
-    
-    const onLoginWithEmailPassword = (e) => {
-        e.preventDefault();
-        const newErrors = validateInputs(inputs);
-
-        if (Object.keys(newErrors).length !== 0) {
-            setErrors(prev => {
-                return {...prev, ...newErrors}
-            });
-            return;
-        }
-        loginWithEmailPassword(inputs)
-    }
-
-    return (
-
-        <AuthContainer onSubmit={onSubmit} title="NoteNova - Login to continue!">
-            <Input
-                label="Email"
-                type="email"
-                placeholder="john123@gmail.com"
-                name="email"
-                value={inputs.email}
-                error={errors.email}
-                onChange={onInputChange}
-            />
-            <Input
-                label="Password"
-                type="password"
-                placeholder="********"
-                name="password"
-                value={inputs.password}
-                error={errors.password}
-                onChange={onInputChange}
-            />
-            <Button 
-                text="Login now" 
-                width="w-full"
-                bg="bg-pink-500"
-                hover="hover:bg-pink-600"
-                focus="focus:ring-pink-300"
-                color="text-white"
-                loading={authLoading}
-                onClick={onLoginWithEmailPassword}
-            />
-            <div className="relative text-center w-full mt-4 text-sm">
-                <span>OR</span>
-            </div>
-            <Button 
-                text={<><FaGoogle/>Continue with Google</>}
-                width="w-full"
-                bg="bg-pink-100"
-                hover="hover:bg-pink-200"
-                focus="focus:ring-pink-300"
-                color="text-pink-700"
-                onClick={loginWithGoogle}
-            />
-            <p className="mt-4 text-sm">New member? <Link to='/register' className="text-pink-400 hover:underline">Create Account</Link></p>
-
-        </AuthContainer>
-
-    )
-}
-
-export default Login;
-
-
-function validateInputs(inputs) {
-
-    const { email, password } = inputs;
-
-    let errors = {};
-
-    if (email.trim() === "") {
-        errors.email = "Email is required!"
-    }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
-        errors.email = "Invalid email address!"
-    }
-
-    if (password.trim() === "") {
-        errors.password = "Password is required!"
-    }else if(password.trim().length < 8) {
-        errors.password = "Password must have atleast 8 characters!"
-    }
-
-    return errors;
-
+import { useContext, useEffect, useState } from "react";
+import AuthContainer from "../../components/AuthContainer";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import { Link, useNavigate } from "react-router-dom";
+import { FaGoogle } from "react-icons/fa";
+import { AuthContext } from "../../contexts/AuthContext";
+
+function Login() {
+    const [inputs, setInputs] = useState({ email: "", password: "" })
+    const [errors, setErrors] = useState({ email: "", password: "" })
+    const { currentUser, authLoading, loginWithEmailPassword, loginWithGoogle } = useContext(AuthContext)
+    const navigate = useNavigate()
+
+    useEffect(() => {
+        if (currentUser) {
+            navigate("/")
+        }
+    }, [])
+
+    const onInputChange = (name, value) => {
+        setErrors(prev => {
+            return { ...prev, [name]: ""}
+        })
+        setInputs(prev => {
+            return { ...prev, [name]: value }
+        });
+    }
+
+    const onSubmit = (e) => {
+        e.preventDefault();
+    }
+    
+    const onLoginWithEmailPassword = (e) => {
+        e.preventDefault();
+        const newErrors = validateInputs(inputs);
+
+        if (Object.keys(newErrors).length !== 0) {
+            setErrors(prev => {
+                return {...prev, ...newErrors}
+            });
+            return;
+        }
+        loginWithEmailPassword(inputs)
+    }
+
+    return (
+
+        <AuthContainer onSubmit={onSubmit} title="NoteNova - Login to continue!">
+            <Input
+                label="Email"
+                type="email"
+                placeholder="john123@gmail.com"
+                name="email"
+                value={inputs.email}
+                error={errors.email}
+                onChange={onInputChange}
+            />
+            <Input
+                label="Password"
+                type="password"
+                placeholder="********"
+                name="password"
+                value={inputs.password}
+                error={errors.password}
+                onChange={onInputChange}
+            />
+            <Button 
+                text="Login now" 
+                width="w-full"
+                bg="bg-pink-500"
+                hover="hover:bg-pink-600"
+                focus="focus:ring-pink-300"
+                color="text-white"
+                loading={authLoading}
+                onClick={onLoginWithEmailPassword}
+            />
+            <div className="relative text-center w-full mt-4 text-sm">
+                <span>OR</span>
+            </div>
+            <Button 
+                text={<><FaGoogle/>Continue with Google</>}
+                width="w-full"
+                bg="bg-pink-100"
+                hover="hover:bg-pink-200"
+                focus="focus:ring-pink-300"
+                color="text-pink-700"
+                onClick={loginWithGoogle}
+            />
+            <p className="mt-4 text-sm">New member? <Link to='/register' className="text-pink-400 hover:underline">Create Account</Link></p>
+
+        </AuthContainer>
+
+    )
+}
+
+export default Login;
+
+
+function validateInputs(inputs) {
+
+    const { email, password } = inputs;
+
+    let errors = {};
+
+    if (email.trim() === "") {
+        errors.email = "Email is required!"
+    }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
+        errors.email = "Invalid email address!"
+    }
+
+    if (password.trim() === "") {
+        errors.password = "Password is required!"
+    }else if(password.trim().length < 8) {
+        errors.password = "Password must have atleast 8 characters!"
+    }
+
+    return errors;
+
 }
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/pages/auth/Register.jsx b/projects/react-js/advanced/Notes-App/src/pages/auth/Register.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/pages/auth/Register.jsx
rename to projects/react-js/advanced/Notes-App/src/pages/auth/Register.jsx
index 96612ef6..bc58e693 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/pages/auth/Register.jsx
+++ b/projects/react-js/advanced/Notes-App/src/pages/auth/Register.jsx
@@ -1,146 +1,146 @@
-import { useContext, useState } from "react";
-import AuthContainer from "../../components/AuthContainer";
-import Input from "../../components/Input";
-import Button from "../../components/Button";
-import { Link } from "react-router-dom";
-import { FaGoogle } from "react-icons/fa";
-import { AuthContext } from "../../contexts/AuthContext";
-
-function Register() {
-    const [inputs, setInputs] = useState({ username: "", email: "", password: "", cpassword: "" })
-    const [errors, setErrors] = useState({ username: "", email: "", password: "", cpassword: "" })
-    const { authLoading, registerWithEmailPassword, registerWithGoogle, logout } = useContext(AuthContext)
-
-    const onInputChange = (name, value) => {
-        setErrors(prev => {
-            return { ...prev, [name]: ""}
-        })
-        setInputs(prev => {
-            return { ...prev, [name]: value }
-        });
-    }
-    
-    const onSubmit = (e) => {
-        e.preventDefault();
-    }
-
-    const onRegisterWithEmailAndPasssword = async () => {
-        const newErrors = validateInputs(inputs);
-
-        if (Object.keys(newErrors).length !== 0) {
-            setErrors(prev => {
-                return {...prev, ...newErrors}
-            });
-            return;
-        }
-
-        registerWithEmailPassword(inputs)
-    }
-
-    return (
-
-        <AuthContainer onSubmit={onSubmit} title="NoteNova - Create account!">
-            <Input
-                label="Username"
-                type="username"
-                placeholder="John123"
-                name="username"
-                value={inputs.username}
-                error={errors.username}
-                onChange={onInputChange}
-            />
-            <Input
-                label="Email"
-                type="email"
-                placeholder="john123@gmail.com"
-                name="email"
-                value={inputs.email}
-                error={errors.email}
-                onChange={onInputChange}
-            />
-            <Input
-                label="Password"
-                type="password"
-                placeholder="********"
-                name="password"
-                value={inputs.password}
-                error={errors.password}
-                onChange={onInputChange}
-            />
-            <Input
-                label="Confirm password"
-                type="password"
-                placeholder="********"
-                name="cpassword"
-                value={inputs.cpassword}
-                error={errors.cpassword}
-                onChange={onInputChange}
-            />
-            <Button 
-                text="Register now" 
-                width="w-full"
-                bg="bg-pink-500"
-                hover="hover:bg-pink-600"
-                focus="focus:ring-pink-300"
-                color="text-white"
-                onClick={onRegisterWithEmailAndPasssword}
-                loading={authLoading}
-            />
-            <div className="relative text-center w-full mt-4 text-sm">
-                <span>OR</span>
-            </div>
-            <Button 
-                text={<><FaGoogle/>Continue with Google</>}
-                width="w-full"
-                bg="bg-gray-200"
-                hover="hover:bg-gray-300"
-                focus="focus:ring-gray-300"
-                color="text-pink-700"
-                onClick={registerWithGoogle}
-                loading={false}
-            />
-            <p className="mt-4 text-sm">Already a member? <Link to='/login' className="text-pink-400 hover:underline">Login</Link></p>
-
-        </AuthContainer>
-
-    )
-}
-
-export default Register;
-
-
-function validateInputs(inputs) {
-
-    const {username, email, password, cpassword} = inputs;
-
-    let errors = {};
-
-    if (username.trim() === "") {
-        errors.username = "Username is required!"
-    }else if(username.trim().length <= 3) {
-        errors.username = "Username must have atleast 4 characters!"
-    }
-
-    if (email.trim() === "") {
-        errors.email = "Email is required!"
-    }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
-        errors.email = "Invalid email address!"
-    }
-
-    if (password.trim() === "") {
-        errors.password = "Password is required!"
-    }else if(password.trim().length < 8) {
-        errors.password = "Password must have atleast 8 characters!"
-    }
-
-    if (cpassword.trim() === "") {
-        errors.cpassword = "Confirm password is required!"
-    }else if(cpassword.trim().length < 8) {
-        errors.cpassword = "Password must have atleast 8 characters!"
-    }else if (password !== cpassword) {
-        errors.cpassword = "Password does not match!"
-    }
-
-    return errors;
-
+import { useContext, useState } from "react";
+import AuthContainer from "../../components/AuthContainer";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import { Link } from "react-router-dom";
+import { FaGoogle } from "react-icons/fa";
+import { AuthContext } from "../../contexts/AuthContext";
+
+function Register() {
+    const [inputs, setInputs] = useState({ username: "", email: "", password: "", cpassword: "" })
+    const [errors, setErrors] = useState({ username: "", email: "", password: "", cpassword: "" })
+    const { authLoading, registerWithEmailPassword, registerWithGoogle, logout } = useContext(AuthContext)
+
+    const onInputChange = (name, value) => {
+        setErrors(prev => {
+            return { ...prev, [name]: ""}
+        })
+        setInputs(prev => {
+            return { ...prev, [name]: value }
+        });
+    }
+    
+    const onSubmit = (e) => {
+        e.preventDefault();
+    }
+
+    const onRegisterWithEmailAndPasssword = async () => {
+        const newErrors = validateInputs(inputs);
+
+        if (Object.keys(newErrors).length !== 0) {
+            setErrors(prev => {
+                return {...prev, ...newErrors}
+            });
+            return;
+        }
+
+        registerWithEmailPassword(inputs)
+    }
+
+    return (
+
+        <AuthContainer onSubmit={onSubmit} title="NoteNova - Create account!">
+            <Input
+                label="Username"
+                type="username"
+                placeholder="John123"
+                name="username"
+                value={inputs.username}
+                error={errors.username}
+                onChange={onInputChange}
+            />
+            <Input
+                label="Email"
+                type="email"
+                placeholder="john123@gmail.com"
+                name="email"
+                value={inputs.email}
+                error={errors.email}
+                onChange={onInputChange}
+            />
+            <Input
+                label="Password"
+                type="password"
+                placeholder="********"
+                name="password"
+                value={inputs.password}
+                error={errors.password}
+                onChange={onInputChange}
+            />
+            <Input
+                label="Confirm password"
+                type="password"
+                placeholder="********"
+                name="cpassword"
+                value={inputs.cpassword}
+                error={errors.cpassword}
+                onChange={onInputChange}
+            />
+            <Button 
+                text="Register now" 
+                width="w-full"
+                bg="bg-pink-500"
+                hover="hover:bg-pink-600"
+                focus="focus:ring-pink-300"
+                color="text-white"
+                onClick={onRegisterWithEmailAndPasssword}
+                loading={authLoading}
+            />
+            <div className="relative text-center w-full mt-4 text-sm">
+                <span>OR</span>
+            </div>
+            <Button 
+                text={<><FaGoogle/>Continue with Google</>}
+                width="w-full"
+                bg="bg-gray-200"
+                hover="hover:bg-gray-300"
+                focus="focus:ring-gray-300"
+                color="text-pink-700"
+                onClick={registerWithGoogle}
+                loading={false}
+            />
+            <p className="mt-4 text-sm">Already a member? <Link to='/login' className="text-pink-400 hover:underline">Login</Link></p>
+
+        </AuthContainer>
+
+    )
+}
+
+export default Register;
+
+
+function validateInputs(inputs) {
+
+    const {username, email, password, cpassword} = inputs;
+
+    let errors = {};
+
+    if (username.trim() === "") {
+        errors.username = "Username is required!"
+    }else if(username.trim().length <= 3) {
+        errors.username = "Username must have atleast 4 characters!"
+    }
+
+    if (email.trim() === "") {
+        errors.email = "Email is required!"
+    }else if(!/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/g.test(email)) {
+        errors.email = "Invalid email address!"
+    }
+
+    if (password.trim() === "") {
+        errors.password = "Password is required!"
+    }else if(password.trim().length < 8) {
+        errors.password = "Password must have atleast 8 characters!"
+    }
+
+    if (cpassword.trim() === "") {
+        errors.cpassword = "Confirm password is required!"
+    }else if(cpassword.trim().length < 8) {
+        errors.cpassword = "Password must have atleast 8 characters!"
+    }else if (password !== cpassword) {
+        errors.cpassword = "Password does not match!"
+    }
+
+    return errors;
+
 }
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/pages/auth/RegistrationSuccess.jsx b/projects/react-js/advanced/Notes-App/src/pages/auth/RegistrationSuccess.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/pages/auth/RegistrationSuccess.jsx
rename to projects/react-js/advanced/Notes-App/src/pages/auth/RegistrationSuccess.jsx
index 02824c4d..07c70f2e 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/pages/auth/RegistrationSuccess.jsx
+++ b/projects/react-js/advanced/Notes-App/src/pages/auth/RegistrationSuccess.jsx
@@ -1,32 +1,32 @@
-import { FaCheck } from "react-icons/fa";
-import Button from "../../components/Button";
-
-function RegistrationSuccess() {
-
-    const onGetStart =  () => {
-        window.location.href =  "/"
-    }
-
-    return (
-
-        <section className="grid place-items-center w-100 h-screen bg-white">
-            <div className="w-full sm:w-2/3 lg:w-1/3 bg-slate-100 p-3 text-center">
-                <FaCheck className="text-white bg-green-500 h-28 w-28 rounded-full p-4 mx-auto my-4"/>
-                <h1 className="text-xl my-5 font-bold text-center">Congratulations, You account has been successfully created!</h1>
-                <Button
-                    text="Let's Get start"
-                    width="w-full"
-                    bg="bg-green-500"
-                    hover="hover:bg-green-600"
-                    focus="focus:ring-green-300"
-                    color="text-white"
-                    onClick={onGetStart}
-                    loading={false}
-                />
-            </div>
-        </section>
-
-    )
-}
-
+import { FaCheck } from "react-icons/fa";
+import Button from "../../components/Button";
+
+function RegistrationSuccess() {
+
+    const onGetStart =  () => {
+        window.location.href =  "/"
+    }
+
+    return (
+
+        <section className="grid place-items-center w-100 h-screen bg-white">
+            <div className="w-full sm:w-2/3 lg:w-1/3 bg-slate-100 p-3 text-center">
+                <FaCheck className="text-white bg-green-500 h-28 w-28 rounded-full p-4 mx-auto my-4"/>
+                <h1 className="text-xl my-5 font-bold text-center">Congratulations, You account has been successfully created!</h1>
+                <Button
+                    text="Let's Get start"
+                    width="w-full"
+                    bg="bg-green-500"
+                    hover="hover:bg-green-600"
+                    focus="focus:ring-green-300"
+                    color="text-white"
+                    onClick={onGetStart}
+                    loading={false}
+                />
+            </div>
+        </section>
+
+    )
+}
+
 export default RegistrationSuccess;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/pages/my/DashBoard.jsx b/projects/react-js/advanced/Notes-App/src/pages/my/DashBoard.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/pages/my/DashBoard.jsx
rename to projects/react-js/advanced/Notes-App/src/pages/my/DashBoard.jsx
index 09968f64..84f5c380 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/pages/my/DashBoard.jsx
+++ b/projects/react-js/advanced/Notes-App/src/pages/my/DashBoard.jsx
@@ -1,90 +1,90 @@
-import { useContext, useEffect, useState } from "react";
-import Header from "../../components/Header";
-import Search from "../../components/Search";
-import NotesList from "../../components/NotesList";
-import { AuthContext } from "../../contexts/AuthContext";
-import Login from "../auth/Login";
-import Info from "../../components/Info";
-import FolderList from "../../components/FolderList";
-import { NoteContext } from "../../contexts/NoteContext";
-import { useParams } from "react-router-dom";
-import { FolderContext } from "../../contexts/FolderContext";
-
-function DashBoard() {
-
-    // current folder id
-    const { folderId } = useParams()
-
-    // fetch folder information and inner folders related to folder id
-    const { foldersList, folder, folderLoading, fetchFolderByFolder, fetchFolder } = useContext(FolderContext)
-
-    // get current user
-    const { currentUser, fetchingUser } = useContext(AuthContext)
-
-    // fetch notes related to folder id
-    const { loading, notesList, fetchNotesByFolder } = useContext(NoteContext)
-
-    useEffect(() => {
-        if (folderId) {
-            fetchNotesByFolder(currentUser?.id, folderId)
-            fetchFolder(folderId)
-            fetchFolderByFolder(currentUser?.id, folderId)
-        } else {
-            fetchFolderByFolder(currentUser?.id, null)
-            fetchNotesByFolder(currentUser?.id, null)
-        }
-    }, [folderId])
-
-    // search stuff
-    const [searchToggle, setSearchToggle] = useState(false)
-    const [searchkey, setSearchKey] = useState("");
-    const [searchedNotes, setSearchedNotes] = useState(notesList)
-    const [searchedfolders, setSearchedfolders] = useState(foldersList)
-
-    useEffect(() => {
-        const f = foldersList?.filter(folder => folder.name.toLowerCase().includes(searchkey.toLowerCase()));
-        const n = notesList?.filter(note => note.title.toLowerCase().includes(searchkey.toLowerCase()))
-        setSearchedNotes(n)
-        setSearchedfolders(f)
-    }, [searchkey, foldersList, notesList])
-
-    const onSearchToggle = () => {
-        setSearchToggle(prev => !prev)
-    }
-
-    const OnSearchValueChange = (e) => {
-        setSearchKey(e.target.value);
-    }
-
-    if (fetchingUser) return <Info message="Loading..." />;
-    if (folderLoading || loading) return <Info message="Loading..." />
-    if (!currentUser) return <Login />
-
-    return (
-        <div className="min-h-screen w-full px-4 md:px-8">
-            <Header 
-                title={folderId ? folder?.foldername : "NoteNova"} 
-                setSearchToggle={onSearchToggle} 
-                back={folderId && folder?.parent ? `/${folder?.parent}` : `/`}
-            />
-            {searchToggle && <Search setSearchToggle={onSearchToggle} OnSearchValueChange={OnSearchValueChange} />}
-
-            {
-                (foldersList?.length == 0 && notesList?.length == 0 ) ? (
-                    <Info message="You have no folders or notes here!"/> 
-                ) : (searchedNotes?.length == 0 && searchedfolders?.length == 0 ) ? (
-                    <Info message={`No results found for "${searchkey}"!`}/> 
-                ) : <></>
-            }
-
-            <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-5 py-5">
-                <FolderList foldersList={searchedfolders} user={currentUser}/>
-                <NotesList notesList={searchedNotes} />
-            </div>
-
-        </div>
-    )
-
-}
-
+import { useContext, useEffect, useState } from "react";
+import Header from "../../components/Header";
+import Search from "../../components/Search";
+import NotesList from "../../components/NotesList";
+import { AuthContext } from "../../contexts/AuthContext";
+import Login from "../auth/Login";
+import Info from "../../components/Info";
+import FolderList from "../../components/FolderList";
+import { NoteContext } from "../../contexts/NoteContext";
+import { useParams } from "react-router-dom";
+import { FolderContext } from "../../contexts/FolderContext";
+
+function DashBoard() {
+
+    // current folder id
+    const { folderId } = useParams()
+
+    // fetch folder information and inner folders related to folder id
+    const { foldersList, folder, folderLoading, fetchFolderByFolder, fetchFolder } = useContext(FolderContext)
+
+    // get current user
+    const { currentUser, fetchingUser } = useContext(AuthContext)
+
+    // fetch notes related to folder id
+    const { loading, notesList, fetchNotesByFolder } = useContext(NoteContext)
+
+    useEffect(() => {
+        if (folderId) {
+            fetchNotesByFolder(currentUser?.id, folderId)
+            fetchFolder(folderId)
+            fetchFolderByFolder(currentUser?.id, folderId)
+        } else {
+            fetchFolderByFolder(currentUser?.id, null)
+            fetchNotesByFolder(currentUser?.id, null)
+        }
+    }, [folderId])
+
+    // search stuff
+    const [searchToggle, setSearchToggle] = useState(false)
+    const [searchkey, setSearchKey] = useState("");
+    const [searchedNotes, setSearchedNotes] = useState(notesList)
+    const [searchedfolders, setSearchedfolders] = useState(foldersList)
+
+    useEffect(() => {
+        const f = foldersList?.filter(folder => folder.name.toLowerCase().includes(searchkey.toLowerCase()));
+        const n = notesList?.filter(note => note.title.toLowerCase().includes(searchkey.toLowerCase()))
+        setSearchedNotes(n)
+        setSearchedfolders(f)
+    }, [searchkey, foldersList, notesList])
+
+    const onSearchToggle = () => {
+        setSearchToggle(prev => !prev)
+    }
+
+    const OnSearchValueChange = (e) => {
+        setSearchKey(e.target.value);
+    }
+
+    if (fetchingUser) return <Info message="Loading..." />;
+    if (folderLoading || loading) return <Info message="Loading..." />
+    if (!currentUser) return <Login />
+
+    return (
+        <div className="min-h-screen w-full px-4 md:px-8">
+            <Header 
+                title={folderId ? folder?.foldername : "NoteNova"} 
+                setSearchToggle={onSearchToggle} 
+                back={folderId && folder?.parent ? `/${folder?.parent}` : `/`}
+            />
+            {searchToggle && <Search setSearchToggle={onSearchToggle} OnSearchValueChange={OnSearchValueChange} />}
+
+            {
+                (foldersList?.length == 0 && notesList?.length == 0 ) ? (
+                    <Info message="You have no folders or notes here!"/> 
+                ) : (searchedNotes?.length == 0 && searchedfolders?.length == 0 ) ? (
+                    <Info message={`No results found for "${searchkey}"!`}/> 
+                ) : <></>
+            }
+
+            <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-5 py-5">
+                <FolderList foldersList={searchedfolders} user={currentUser}/>
+                <NotesList notesList={searchedNotes} />
+            </div>
+
+        </div>
+    )
+
+}
+
 export default DashBoard;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/pages/my/EditNote.jsx b/projects/react-js/advanced/Notes-App/src/pages/my/EditNote.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/pages/my/EditNote.jsx
rename to projects/react-js/advanced/Notes-App/src/pages/my/EditNote.jsx
index 5e3a0d7c..2fc696c7 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/pages/my/EditNote.jsx
+++ b/projects/react-js/advanced/Notes-App/src/pages/my/EditNote.jsx
@@ -1,102 +1,102 @@
-import { useContext, useEffect, useState } from "react";
-import Header from "../../components/Header";
-import Input from "../../components/Input";
-import Button from "../../components/Button";
-import ReactQuill from 'react-quill';
-import 'react-quill/dist/quill.bubble.css';
-import { modules, formats } from "../../config/reactQuill";
-import { useParams } from "react-router-dom";
-import { NoteContext } from "../../contexts/NoteContext";
-import Info from "../../components/Info";
-
-function EditNote({ user }) {
-
-    const {noteId } = useParams();
-    const { note, loading, fetchNote, editNote } = useContext(NoteContext);
-    const [inputs, setInputs] = useState({ noteTitle: "", folder: "", createdAt: "" })
-    const [noteDescription, setDescription] = useState("");
-    const [errors, setErrors] = useState({ noteTitle: "", description: "" })
-
-    const onInputChange = (name, value) => {
-        setErrors(prev => {
-            return { ...prev, [name]: "" }
-        })
-        setInputs(prev => {
-            return { ...prev, [name]: value }
-        });
-    }
-
-    const onSubmit = async (e) => {
-        e.preventDefault();
-        if (inputs.noteTitle === "") {
-            setErrors(prev => {
-                return { ...prev, "noteTitle": "Note title is required!" }
-            });
-            return;
-        }
-
-        editNote(noteId, inputs.noteTitle, noteDescription, inputs.folder, user?.id, inputs.createdAt)
-
-    };
-
-    useEffect(() => {
-        fetchNote(noteId)
-    }, [])
-
-    useEffect(() => {
-        setInputs({ noteTitle: note?.noteTitle, folder: note?.folder, createdAt: note?.createdAt })
-        setDescription(note?.description)
-        console.log(note)
-    }, [note])
-
-    if (loading) return <Info message="Loading" />
-
-    return (
-        <div className="min-h-screen w-full px-4 md:px-8 flex flex-col items-center">
-            <Header
-                title="Edit note"
-                setSearchToggle={null}
-                back={note && note?.folder  ? `/${note.folder}` : `/`}
-            />
-            <form className="w-full sm:w-2/3 lg:w-2/3 p-3 text-white mt-3" onSubmit={onSubmit}>
-                <Input
-                    label="Title"
-                    type="text"
-                    placeholder="Title"
-                    name="noteTitle"
-                    value={inputs.noteTitle}
-                    error={errors.noteTitle}
-                    onChange={onInputChange}
-                />
-                <label
-                        className="block mb-1 mt-5 text-sm"
-                    >Note description</label>
-                <div className="w-full p-1 bg-transparent rounded outline-none border-2 border-gray-300 focus:border-pink-500">
-                    
-                    <ReactQuill
-                        value={noteDescription}
-                        onChange={setDescription}
-                        modules={modules}
-                        formats={formats}
-                        theme="bubble"
-                    />
-                </div>
-
-                <Button
-                    text="Save"
-                    width="w-full"
-                    bg="bg-pink-900"
-                    hover="hover:bg-pink-800"
-                    focus="focus:ring-pink-800"
-                    color="text-white-700"
-                    onClick={null}
-                    loading={inputs.noteTitle!=="" && loading}
-                />
-            </form>
-        </div>
-    )
-
-
-}
-
+import { useContext, useEffect, useState } from "react";
+import Header from "../../components/Header";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import ReactQuill from 'react-quill';
+import 'react-quill/dist/quill.bubble.css';
+import { modules, formats } from "../../config/reactQuill";
+import { useParams } from "react-router-dom";
+import { NoteContext } from "../../contexts/NoteContext";
+import Info from "../../components/Info";
+
+function EditNote({ user }) {
+
+    const {noteId } = useParams();
+    const { note, loading, fetchNote, editNote } = useContext(NoteContext);
+    const [inputs, setInputs] = useState({ noteTitle: "", folder: "", createdAt: "" })
+    const [noteDescription, setDescription] = useState("");
+    const [errors, setErrors] = useState({ noteTitle: "", description: "" })
+
+    const onInputChange = (name, value) => {
+        setErrors(prev => {
+            return { ...prev, [name]: "" }
+        })
+        setInputs(prev => {
+            return { ...prev, [name]: value }
+        });
+    }
+
+    const onSubmit = async (e) => {
+        e.preventDefault();
+        if (inputs.noteTitle === "") {
+            setErrors(prev => {
+                return { ...prev, "noteTitle": "Note title is required!" }
+            });
+            return;
+        }
+
+        editNote(noteId, inputs.noteTitle, noteDescription, inputs.folder, user?.id, inputs.createdAt)
+
+    };
+
+    useEffect(() => {
+        fetchNote(noteId)
+    }, [])
+
+    useEffect(() => {
+        setInputs({ noteTitle: note?.noteTitle, folder: note?.folder, createdAt: note?.createdAt })
+        setDescription(note?.description)
+        console.log(note)
+    }, [note])
+
+    if (loading) return <Info message="Loading" />
+
+    return (
+        <div className="min-h-screen w-full px-4 md:px-8 flex flex-col items-center">
+            <Header
+                title="Edit note"
+                setSearchToggle={null}
+                back={note && note?.folder  ? `/${note.folder}` : `/`}
+            />
+            <form className="w-full sm:w-2/3 lg:w-2/3 p-3 text-white mt-3" onSubmit={onSubmit}>
+                <Input
+                    label="Title"
+                    type="text"
+                    placeholder="Title"
+                    name="noteTitle"
+                    value={inputs.noteTitle}
+                    error={errors.noteTitle}
+                    onChange={onInputChange}
+                />
+                <label
+                        className="block mb-1 mt-5 text-sm"
+                    >Note description</label>
+                <div className="w-full p-1 bg-transparent rounded outline-none border-2 border-gray-300 focus:border-pink-500">
+                    
+                    <ReactQuill
+                        value={noteDescription}
+                        onChange={setDescription}
+                        modules={modules}
+                        formats={formats}
+                        theme="bubble"
+                    />
+                </div>
+
+                <Button
+                    text="Save"
+                    width="w-full"
+                    bg="bg-pink-900"
+                    hover="hover:bg-pink-800"
+                    focus="focus:ring-pink-800"
+                    color="text-white-700"
+                    onClick={null}
+                    loading={inputs.noteTitle!=="" && loading}
+                />
+            </form>
+        </div>
+    )
+
+
+}
+
 export default EditNote;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/pages/my/NewNote.jsx b/projects/react-js/advanced/Notes-App/src/pages/my/NewNote.jsx
similarity index 97%
rename from React-JS-Projects/Advanced/Notes-App/src/pages/my/NewNote.jsx
rename to projects/react-js/advanced/Notes-App/src/pages/my/NewNote.jsx
index 18344b5e..3cc1e392 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/pages/my/NewNote.jsx
+++ b/projects/react-js/advanced/Notes-App/src/pages/my/NewNote.jsx
@@ -1,95 +1,95 @@
-import { useContext, useState } from "react";
-import Header from "../../components/Header";
-import Input from "../../components/Input";
-import Button from "../../components/Button";
-import ReactQuill from 'react-quill';
-import 'react-quill/dist/quill.bubble.css';
-import { modules, formats } from "../../config/reactQuill";
-import { NoteContext } from "../../contexts/NoteContext";
-import { useParams } from "react-router-dom";
-
-function NewNote({ user }) {
-
-    const { folderId } = useParams()
-    const [inputs, setInputs] = useState({ noteTitle: "" })
-    const [noteDescription, setDescription] = useState("");
-    const [errors, setErrors] = useState({ noteTitle: "", description: "" })
-    const { loading, saveNote } = useContext(NoteContext);
-
-    const onInputChange = (name, value) => {
-        setErrors(prev => {
-            return { ...prev, [name]: "" }
-        })
-        setInputs(prev => {
-            return { ...prev, [name]: value }
-        });
-    }
-
-    const onSubmit = async (e) => {
-        e.preventDefault();
-        if (inputs.noteTitle === "") {
-            setErrors(prev => {
-                return { ...prev, "noteTitle": "Note title is required!" }
-            });
-            return;
-        }
-        if (folderId) {
-            console.log("true")
-            saveNote(inputs.noteTitle, noteDescription, folderId, user?.id)
-
-        } else {
-            console.log(false)
-            saveNote(inputs.noteTitle, noteDescription, null, user?.id)
-
-        }
-    };
-
-    return (
-        <div className="min-h-screen w-full px-4 md:px-8 flex flex-col items-center">
-            <Header
-                title="New note"
-                setSearchToggle={null}
-                back={folderId  ? `/${folderId}` : `/`}
-            />
-            <form className="w-full sm:w-2/3 lg:w-2/3 p-3 text-white mt-3" onSubmit={onSubmit}>
-                <Input
-                    label="Title"
-                    type="text"
-                    placeholder="What your note about?*"
-                    name="noteTitle"
-                    value={inputs.noteTitle}
-                    error={errors.noteTitle}
-                    onChange={onInputChange}
-                />
-                <label
-                    className="block mb-1 mt-5 text-sm"
-                >Note description</label>
-                <div className="w-full p-1 bg-transparent rounded outline-none border-2 border-gray-300 focus:border-pink-500 min-h-40">
-
-                    <ReactQuill
-                        value={noteDescription}
-                        onChange={setDescription}
-                        modules={modules}
-                        formats={formats}
-                        theme="bubble"
-                    />
-                </div>
-
-                <Button
-                    text="Save"
-                    width="w-full"
-                    bg="bg-pink-900"
-                    hover="hover:bg-pink-800"
-                    focus="focus:ring-pink-800"
-                    color="text-white-700"
-                    onClick={null}
-                    loading={loading}
-                />
-            </form>
-        </div>
-    )
-
-
-}
-
+import { useContext, useState } from "react";
+import Header from "../../components/Header";
+import Input from "../../components/Input";
+import Button from "../../components/Button";
+import ReactQuill from 'react-quill';
+import 'react-quill/dist/quill.bubble.css';
+import { modules, formats } from "../../config/reactQuill";
+import { NoteContext } from "../../contexts/NoteContext";
+import { useParams } from "react-router-dom";
+
+function NewNote({ user }) {
+
+    const { folderId } = useParams()
+    const [inputs, setInputs] = useState({ noteTitle: "" })
+    const [noteDescription, setDescription] = useState("");
+    const [errors, setErrors] = useState({ noteTitle: "", description: "" })
+    const { loading, saveNote } = useContext(NoteContext);
+
+    const onInputChange = (name, value) => {
+        setErrors(prev => {
+            return { ...prev, [name]: "" }
+        })
+        setInputs(prev => {
+            return { ...prev, [name]: value }
+        });
+    }
+
+    const onSubmit = async (e) => {
+        e.preventDefault();
+        if (inputs.noteTitle === "") {
+            setErrors(prev => {
+                return { ...prev, "noteTitle": "Note title is required!" }
+            });
+            return;
+        }
+        if (folderId) {
+            console.log("true")
+            saveNote(inputs.noteTitle, noteDescription, folderId, user?.id)
+
+        } else {
+            console.log(false)
+            saveNote(inputs.noteTitle, noteDescription, null, user?.id)
+
+        }
+    };
+
+    return (
+        <div className="min-h-screen w-full px-4 md:px-8 flex flex-col items-center">
+            <Header
+                title="New note"
+                setSearchToggle={null}
+                back={folderId  ? `/${folderId}` : `/`}
+            />
+            <form className="w-full sm:w-2/3 lg:w-2/3 p-3 text-white mt-3" onSubmit={onSubmit}>
+                <Input
+                    label="Title"
+                    type="text"
+                    placeholder="What your note about?*"
+                    name="noteTitle"
+                    value={inputs.noteTitle}
+                    error={errors.noteTitle}
+                    onChange={onInputChange}
+                />
+                <label
+                    className="block mb-1 mt-5 text-sm"
+                >Note description</label>
+                <div className="w-full p-1 bg-transparent rounded outline-none border-2 border-gray-300 focus:border-pink-500 min-h-40">
+
+                    <ReactQuill
+                        value={noteDescription}
+                        onChange={setDescription}
+                        modules={modules}
+                        formats={formats}
+                        theme="bubble"
+                    />
+                </div>
+
+                <Button
+                    text="Save"
+                    width="w-full"
+                    bg="bg-pink-900"
+                    hover="hover:bg-pink-800"
+                    focus="focus:ring-pink-800"
+                    color="text-white-700"
+                    onClick={null}
+                    loading={loading}
+                />
+            </form>
+        </div>
+    )
+
+
+}
+
 export default NewNote;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/src/pages/my/ViewNote.jsx b/projects/react-js/advanced/Notes-App/src/pages/my/ViewNote.jsx
similarity index 96%
rename from React-JS-Projects/Advanced/Notes-App/src/pages/my/ViewNote.jsx
rename to projects/react-js/advanced/Notes-App/src/pages/my/ViewNote.jsx
index 015be5f5..4651e36d 100644
--- a/React-JS-Projects/Advanced/Notes-App/src/pages/my/ViewNote.jsx
+++ b/projects/react-js/advanced/Notes-App/src/pages/my/ViewNote.jsx
@@ -1,35 +1,35 @@
-import { useParams } from "react-router-dom";
-import Header from "../../components/Header";
-import { NoteContext } from "../../contexts/NoteContext";
-import Info from "../../components/Info";
-import { useContext, useEffect } from "react";
-
-function ViewNote() {
-
-    const { noteId } = useParams();
-    const { note, loading, fetchNote } = useContext(NoteContext);
-
-    useEffect(() => {
-        fetchNote(noteId)
-    }, [])
-
-    if (loading) return <Info message="Loading" />
-
-    return (
-        <div className="min-h-screen w-full px-4 md:px-8 flex flex-col items-center">
-            <Header
-                title={note?.noteTitle}
-                back={note?.folder ? `/${note?.folder}` : `/`}
-            />
-            <div className="w-full sm:w-2/3 lg:w-2/3 p-3 text-white mt-3">
-                <div 
-                    className="mb-3 w-full"
-                    dangerouslySetInnerHTML={{ __html: note?.description }}
-                >
-                </div>
-            </div>
-        </div>
-    )
-}
-
+import { useParams } from "react-router-dom";
+import Header from "../../components/Header";
+import { NoteContext } from "../../contexts/NoteContext";
+import Info from "../../components/Info";
+import { useContext, useEffect } from "react";
+
+function ViewNote() {
+
+    const { noteId } = useParams();
+    const { note, loading, fetchNote } = useContext(NoteContext);
+
+    useEffect(() => {
+        fetchNote(noteId)
+    }, [])
+
+    if (loading) return <Info message="Loading" />
+
+    return (
+        <div className="min-h-screen w-full px-4 md:px-8 flex flex-col items-center">
+            <Header
+                title={note?.noteTitle}
+                back={note?.folder ? `/${note?.folder}` : `/`}
+            />
+            <div className="w-full sm:w-2/3 lg:w-2/3 p-3 text-white mt-3">
+                <div 
+                    className="mb-3 w-full"
+                    dangerouslySetInnerHTML={{ __html: note?.description }}
+                >
+                </div>
+            </div>
+        </div>
+    )
+}
+
 export default ViewNote;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Notes-App/tailwind.config.js b/projects/react-js/advanced/Notes-App/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/tailwind.config.js
rename to projects/react-js/advanced/Notes-App/tailwind.config.js
diff --git a/React-JS-Projects/Advanced/Notes-App/vite.config.js b/projects/react-js/advanced/Notes-App/vite.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Notes-App/vite.config.js
rename to projects/react-js/advanced/Notes-App/vite.config.js
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/.eslintrc.cjs b/projects/react-js/advanced/Qr-Code-Generator/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/.eslintrc.cjs
rename to projects/react-js/advanced/Qr-Code-Generator/.eslintrc.cjs
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/README.md b/projects/react-js/advanced/Qr-Code-Generator/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/README.md
rename to projects/react-js/advanced/Qr-Code-Generator/README.md
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/index.html b/projects/react-js/advanced/Qr-Code-Generator/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/index.html
rename to projects/react-js/advanced/Qr-Code-Generator/index.html
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/package.json b/projects/react-js/advanced/Qr-Code-Generator/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/package.json
rename to projects/react-js/advanced/Qr-Code-Generator/package.json
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/screenshot.webp b/projects/react-js/advanced/Qr-Code-Generator/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/screenshot.webp
rename to projects/react-js/advanced/Qr-Code-Generator/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/src/App.css b/projects/react-js/advanced/Qr-Code-Generator/src/App.css
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/src/App.css
rename to projects/react-js/advanced/Qr-Code-Generator/src/App.css
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/src/App.jsx b/projects/react-js/advanced/Qr-Code-Generator/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/src/App.jsx
rename to projects/react-js/advanced/Qr-Code-Generator/src/App.jsx
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/src/main.jsx b/projects/react-js/advanced/Qr-Code-Generator/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/src/main.jsx
rename to projects/react-js/advanced/Qr-Code-Generator/src/main.jsx
diff --git a/React-JS-Projects/Advanced/Qr-Code-Generator/vite.config.js b/projects/react-js/advanced/Qr-Code-Generator/vite.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Qr-Code-Generator/vite.config.js
rename to projects/react-js/advanced/Qr-Code-Generator/vite.config.js
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/README.md b/projects/react-js/advanced/Solar-System-Model/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/README.md
rename to projects/react-js/advanced/Solar-System-Model/README.md
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/package.json b/projects/react-js/advanced/Solar-System-Model/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/package.json
rename to projects/react-js/advanced/Solar-System-Model/package.json
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/favicon.ico b/projects/react-js/advanced/Solar-System-Model/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/favicon.ico
rename to projects/react-js/advanced/Solar-System-Model/public/favicon.ico
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/index.html b/projects/react-js/advanced/Solar-System-Model/public/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/index.html
rename to projects/react-js/advanced/Solar-System-Model/public/index.html
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/logo192.png b/projects/react-js/advanced/Solar-System-Model/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/logo192.png
rename to projects/react-js/advanced/Solar-System-Model/public/logo192.png
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/logo512.png b/projects/react-js/advanced/Solar-System-Model/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/logo512.png
rename to projects/react-js/advanced/Solar-System-Model/public/logo512.png
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/manifest.json b/projects/react-js/advanced/Solar-System-Model/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/manifest.json
rename to projects/react-js/advanced/Solar-System-Model/public/manifest.json
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/robots.txt b/projects/react-js/advanced/Solar-System-Model/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/robots.txt
rename to projects/react-js/advanced/Solar-System-Model/public/robots.txt
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/earth.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/earth.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/earth.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/earth.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/jupiter.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/jupiter.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/jupiter.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/jupiter.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/mars.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/mars.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/mars.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/mars.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/mercury.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/mercury.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/mercury.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/mercury.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/neptune.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/neptune.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/neptune.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/neptune.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/saturn.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/saturn.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/saturn.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/saturn.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/sun.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/sun.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/sun.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/sun.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/uranus.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/uranus.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/uranus.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/uranus.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/public/textures/venus.jpg b/projects/react-js/advanced/Solar-System-Model/public/textures/venus.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/public/textures/venus.jpg
rename to projects/react-js/advanced/Solar-System-Model/public/textures/venus.jpg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/screenshot.webp b/projects/react-js/advanced/Solar-System-Model/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/screenshot.webp
rename to projects/react-js/advanced/Solar-System-Model/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/App.css b/projects/react-js/advanced/Solar-System-Model/src/App.css
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/App.css
rename to projects/react-js/advanced/Solar-System-Model/src/App.css
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/App.js b/projects/react-js/advanced/Solar-System-Model/src/App.js
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/App.js
rename to projects/react-js/advanced/Solar-System-Model/src/App.js
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/App.test.js b/projects/react-js/advanced/Solar-System-Model/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/App.test.js
rename to projects/react-js/advanced/Solar-System-Model/src/App.test.js
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/components/Planet.js b/projects/react-js/advanced/Solar-System-Model/src/components/Planet.js
similarity index 96%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/components/Planet.js
rename to projects/react-js/advanced/Solar-System-Model/src/components/Planet.js
index 1faec355..f7f9151c 100644
--- a/React-JS-Projects/Advanced/Solar-System-Model/src/components/Planet.js
+++ b/projects/react-js/advanced/Solar-System-Model/src/components/Planet.js
@@ -1,36 +1,36 @@
-import React, { useRef } from 'react';
-import { useFrame, useLoader } from '@react-three/fiber';
-import { TextureLoader } from 'three';
-import { Ring } from '@react-three/drei';
-
-const Planet = ({ planetData, scale, position, setSelectedPlanet }) => {
-  const meshRef = useRef();
-  const texture = useLoader(TextureLoader, planetData.texture);
-
-  useFrame(() => {
-    meshRef.current.rotation.y += 0.01 / (planetData.rotationPeriod / 24);
-  });
-
-  const isSaturn = planetData.name === 'Saturn';
-  
-
-  return (
-    <group position={position}>
-      <mesh
-        ref={meshRef}
-        scale={scale}
-        onClick={() => setSelectedPlanet(planetData)}
-      >
-        <sphereGeometry args={[1, 32, 32]} />
-        <meshStandardMaterial map={texture} />
-      </mesh>
-      {isSaturn && (
-        <Ring args={[1.2, 2, 32]} rotation={[Math.PI / 2, 0, 0]} scale={scale}>
-          <meshBasicMaterial color="#A49B72" side={2} transparent opacity={0.8} />
-        </Ring>
-      )}
-    </group>
-  );
-};
-
+import React, { useRef } from 'react';
+import { useFrame, useLoader } from '@react-three/fiber';
+import { TextureLoader } from 'three';
+import { Ring } from '@react-three/drei';
+
+const Planet = ({ planetData, scale, position, setSelectedPlanet }) => {
+  const meshRef = useRef();
+  const texture = useLoader(TextureLoader, planetData.texture);
+
+  useFrame(() => {
+    meshRef.current.rotation.y += 0.01 / (planetData.rotationPeriod / 24);
+  });
+
+  const isSaturn = planetData.name === 'Saturn';
+  
+
+  return (
+    <group position={position}>
+      <mesh
+        ref={meshRef}
+        scale={scale}
+        onClick={() => setSelectedPlanet(planetData)}
+      >
+        <sphereGeometry args={[1, 32, 32]} />
+        <meshStandardMaterial map={texture} />
+      </mesh>
+      {isSaturn && (
+        <Ring args={[1.2, 2, 32]} rotation={[Math.PI / 2, 0, 0]} scale={scale}>
+          <meshBasicMaterial color="#A49B72" side={2} transparent opacity={0.8} />
+        </Ring>
+      )}
+    </group>
+  );
+};
+
 export default Planet;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/components/PlanetInfo.js b/projects/react-js/advanced/Solar-System-Model/src/components/PlanetInfo.js
similarity index 96%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/components/PlanetInfo.js
rename to projects/react-js/advanced/Solar-System-Model/src/components/PlanetInfo.js
index d7a801c0..9fee4039 100644
--- a/React-JS-Projects/Advanced/Solar-System-Model/src/components/PlanetInfo.js
+++ b/projects/react-js/advanced/Solar-System-Model/src/components/PlanetInfo.js
@@ -1,24 +1,24 @@
-import React from 'react';
-
-const PlanetInfo = ({ planet }) => {
-  return (
-    <div style={{
-      position: 'absolute',
-      bottom: '20px',
-      left: '20px',
-      backgroundColor: 'rgba(0, 0, 0, 0.7)',
-      color: 'white',
-      padding: '20px',
-      borderRadius: '10px',
-      maxWidth: '300px'
-    }}>
-      <h2>{planet.name}</h2>
-      <p>Diameter: {planet.diameter.toLocaleString()} km</p>
-      <p>Distance from Sun: {planet.distance.toLocaleString()} million km</p>
-      <p>Rotation Period: {Math.abs(planet.rotationPeriod)} hours</p>
-      <p>{planet.info}</p>
-    </div>
-  );
-};
-
+import React from 'react';
+
+const PlanetInfo = ({ planet }) => {
+  return (
+    <div style={{
+      position: 'absolute',
+      bottom: '20px',
+      left: '20px',
+      backgroundColor: 'rgba(0, 0, 0, 0.7)',
+      color: 'white',
+      padding: '20px',
+      borderRadius: '10px',
+      maxWidth: '300px'
+    }}>
+      <h2>{planet.name}</h2>
+      <p>Diameter: {planet.diameter.toLocaleString()} km</p>
+      <p>Distance from Sun: {planet.distance.toLocaleString()} million km</p>
+      <p>Rotation Period: {Math.abs(planet.rotationPeriod)} hours</p>
+      <p>{planet.info}</p>
+    </div>
+  );
+};
+
 export default PlanetInfo;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/components/SolarSystem.js b/projects/react-js/advanced/Solar-System-Model/src/components/SolarSystem.js
similarity index 97%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/components/SolarSystem.js
rename to projects/react-js/advanced/Solar-System-Model/src/components/SolarSystem.js
index 5f2cc14e..83ad4183 100644
--- a/React-JS-Projects/Advanced/Solar-System-Model/src/components/SolarSystem.js
+++ b/projects/react-js/advanced/Solar-System-Model/src/components/SolarSystem.js
@@ -1,69 +1,69 @@
-import React, { useRef } from 'react';
-import { useFrame } from '@react-three/fiber';
-import Planet from './Planet';
-import { planetData } from '../data/planetData';
-
-const SolarSystem = ({ setSelectedPlanet }) => {
-  const groupRef = useRef();
-
-  useFrame(() => {
-    groupRef.current.rotation.y += 0.0005;
-  });
-
-  const sunDiameter = planetData[0].diameter;
-  const scaleFactor = 2 / sunDiameter;
-
-  // Use a logarithmic scale for distances
-  const minDistance = Math.min(...planetData.slice(1).map(p => p.distance));
-  const maxDistance = Math.max(...planetData.map(p => p.distance));
-  const logMinDist = Math.log(minDistance);
-  const logMaxDist = Math.log(maxDistance);
-  const distanceScale = 30 / (logMaxDist - logMinDist);
-
-  return (
-    <group ref={groupRef}>
-      {planetData.map((planet) => {
-        const isSun = planet.name === 'Sun';
-        let distance = 0;
-        if (!isSun) {
-          const logDist = Math.log(planet.distance);
-          distance = (logDist - logMinDist) * distanceScale + 5;
-        }
-        
-        // Adjust planet scaling
-        let planetScale;
-        if (isSun) {
-          planetScale = planet.diameter * scaleFactor;
-        } else {
-          // New scaling formula for planets
-          const baseScale = planet.diameter * scaleFactor;
-          const minScale = 0.1; // Minimum scale to ensure visibility
-          const maxScale = 1.5; // Maximum scale to prevent planets from being too large
-          
-          // Logarithmic scaling to better represent size differences
-          planetScale = Math.log(baseScale + 1) / Math.log(maxScale + 1) * maxScale;
-          
-          // Ensure the scale is within the desired range
-          planetScale = Math.max(Math.min(planetScale, maxScale), minScale);
-          
-          // Special case for Saturn
-          if (planet.name === 'Saturn') {
-            planetScale *= 1.3; // Make Saturn slightly larger to emphasize its ring
-          }
-        }
-        
-        return (
-          <Planet
-            key={planet.name}
-            planetData={planet}
-            scale={planetScale}
-            position={[distance, 0, 0]}
-            setSelectedPlanet={setSelectedPlanet}
-          />
-        );
-      })}
-    </group>
-  );
-};
-
+import React, { useRef } from 'react';
+import { useFrame } from '@react-three/fiber';
+import Planet from './Planet';
+import { planetData } from '../data/planetData';
+
+const SolarSystem = ({ setSelectedPlanet }) => {
+  const groupRef = useRef();
+
+  useFrame(() => {
+    groupRef.current.rotation.y += 0.0005;
+  });
+
+  const sunDiameter = planetData[0].diameter;
+  const scaleFactor = 2 / sunDiameter;
+
+  // Use a logarithmic scale for distances
+  const minDistance = Math.min(...planetData.slice(1).map(p => p.distance));
+  const maxDistance = Math.max(...planetData.map(p => p.distance));
+  const logMinDist = Math.log(minDistance);
+  const logMaxDist = Math.log(maxDistance);
+  const distanceScale = 30 / (logMaxDist - logMinDist);
+
+  return (
+    <group ref={groupRef}>
+      {planetData.map((planet) => {
+        const isSun = planet.name === 'Sun';
+        let distance = 0;
+        if (!isSun) {
+          const logDist = Math.log(planet.distance);
+          distance = (logDist - logMinDist) * distanceScale + 5;
+        }
+        
+        // Adjust planet scaling
+        let planetScale;
+        if (isSun) {
+          planetScale = planet.diameter * scaleFactor;
+        } else {
+          // New scaling formula for planets
+          const baseScale = planet.diameter * scaleFactor;
+          const minScale = 0.1; // Minimum scale to ensure visibility
+          const maxScale = 1.5; // Maximum scale to prevent planets from being too large
+          
+          // Logarithmic scaling to better represent size differences
+          planetScale = Math.log(baseScale + 1) / Math.log(maxScale + 1) * maxScale;
+          
+          // Ensure the scale is within the desired range
+          planetScale = Math.max(Math.min(planetScale, maxScale), minScale);
+          
+          // Special case for Saturn
+          if (planet.name === 'Saturn') {
+            planetScale *= 1.3; // Make Saturn slightly larger to emphasize its ring
+          }
+        }
+        
+        return (
+          <Planet
+            key={planet.name}
+            planetData={planet}
+            scale={planetScale}
+            position={[distance, 0, 0]}
+            setSelectedPlanet={setSelectedPlanet}
+          />
+        );
+      })}
+    </group>
+  );
+};
+
 export default SolarSystem;
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/data/planetData.js b/projects/react-js/advanced/Solar-System-Model/src/data/planetData.js
similarity index 96%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/data/planetData.js
rename to projects/react-js/advanced/Solar-System-Model/src/data/planetData.js
index 920dd915..6712603f 100644
--- a/React-JS-Projects/Advanced/Solar-System-Model/src/data/planetData.js
+++ b/projects/react-js/advanced/Solar-System-Model/src/data/planetData.js
@@ -1,74 +1,74 @@
-export const planetData = [
-    {
-      name: 'Sun',
-      diameter: 1392700,
-      distance: 0,
-      rotationPeriod: 609.12,
-      texture: '/textures/sun.jpg',
-      info: 'The Sun is the star at the center of the Solar System.'
-    },
-    {
-      name: 'Mercury',
-      diameter: 4879,
-      distance: 57.9,
-      rotationPeriod: 1407.6,
-      texture: '/textures/mercury.jpg',
-      info: 'Mercury is the smallest planet in the Solar System and the closest to the Sun.'
-    },
-    {
-      name: 'Venus',
-      diameter: 12104,
-      distance: 108.2,
-      rotationPeriod: -5832.5,
-      texture: '/textures/venus.jpg',
-      info: "Venus is the second planet from the Sun and is Earth's closest planetary neighbor."
-    },
-    {
-      name: 'Earth',
-      diameter: 12742,
-      distance: 149.6,
-      rotationPeriod: 23.9,
-      texture: '/textures/earth.jpg',
-      info: 'Earth is our home planet, the only known place in the universe where life has originated and found habitability.'
-    },
-    {
-      name: 'Mars',
-      diameter: 6779,
-      distance: 227.9,
-      rotationPeriod: 24.6,
-      texture: '/textures/mars.jpg',
-      info: 'Mars is the fourth planet from the Sun and is often described as the "Red Planet".'
-    },
-    {
-      name: 'Jupiter',
-      diameter: 139820,
-      distance: 778.5,
-      rotationPeriod: 9.9,
-      texture: '/textures/jupiter.jpg',
-      info: 'Jupiter is the largest planet in the Solar System, more than twice as massive as all the other planets combined.'
-    },
-    {
-      name: 'Saturn',
-      diameter: 116460,
-      distance: 1434.0,
-      rotationPeriod: 10.7,
-      texture: '/textures/saturn.jpg',
-      info: 'Saturn is the sixth planet from the Sun and the second-largest planet in our Solar System.'
-    },
-    {
-      name: 'Uranus',
-      diameter: 50724,
-      distance: 2871.0,
-      rotationPeriod: -17.2,
-      texture: '/textures/uranus.jpg',
-      info: 'Uranus is the seventh planet from the Sun and is the third-largest planetary radius and fourth-largest planetary mass in the Solar System.'
-    },
-    {
-      name: 'Neptune',
-      diameter: 49244,
-      distance: 4495.0,
-      rotationPeriod: 16.1,
-      texture: '/textures/neptune.jpg',
-      info: 'Neptune is the eighth and farthest-known planet from the Sun in the Solar System.'
-    }
+export const planetData = [
+    {
+      name: 'Sun',
+      diameter: 1392700,
+      distance: 0,
+      rotationPeriod: 609.12,
+      texture: '/textures/sun.jpg',
+      info: 'The Sun is the star at the center of the Solar System.'
+    },
+    {
+      name: 'Mercury',
+      diameter: 4879,
+      distance: 57.9,
+      rotationPeriod: 1407.6,
+      texture: '/textures/mercury.jpg',
+      info: 'Mercury is the smallest planet in the Solar System and the closest to the Sun.'
+    },
+    {
+      name: 'Venus',
+      diameter: 12104,
+      distance: 108.2,
+      rotationPeriod: -5832.5,
+      texture: '/textures/venus.jpg',
+      info: "Venus is the second planet from the Sun and is Earth's closest planetary neighbor."
+    },
+    {
+      name: 'Earth',
+      diameter: 12742,
+      distance: 149.6,
+      rotationPeriod: 23.9,
+      texture: '/textures/earth.jpg',
+      info: 'Earth is our home planet, the only known place in the universe where life has originated and found habitability.'
+    },
+    {
+      name: 'Mars',
+      diameter: 6779,
+      distance: 227.9,
+      rotationPeriod: 24.6,
+      texture: '/textures/mars.jpg',
+      info: 'Mars is the fourth planet from the Sun and is often described as the "Red Planet".'
+    },
+    {
+      name: 'Jupiter',
+      diameter: 139820,
+      distance: 778.5,
+      rotationPeriod: 9.9,
+      texture: '/textures/jupiter.jpg',
+      info: 'Jupiter is the largest planet in the Solar System, more than twice as massive as all the other planets combined.'
+    },
+    {
+      name: 'Saturn',
+      diameter: 116460,
+      distance: 1434.0,
+      rotationPeriod: 10.7,
+      texture: '/textures/saturn.jpg',
+      info: 'Saturn is the sixth planet from the Sun and the second-largest planet in our Solar System.'
+    },
+    {
+      name: 'Uranus',
+      diameter: 50724,
+      distance: 2871.0,
+      rotationPeriod: -17.2,
+      texture: '/textures/uranus.jpg',
+      info: 'Uranus is the seventh planet from the Sun and is the third-largest planetary radius and fourth-largest planetary mass in the Solar System.'
+    },
+    {
+      name: 'Neptune',
+      diameter: 49244,
+      distance: 4495.0,
+      rotationPeriod: 16.1,
+      texture: '/textures/neptune.jpg',
+      info: 'Neptune is the eighth and farthest-known planet from the Sun in the Solar System.'
+    }
   ];
\ No newline at end of file
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/index.css b/projects/react-js/advanced/Solar-System-Model/src/index.css
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/index.css
rename to projects/react-js/advanced/Solar-System-Model/src/index.css
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/index.js b/projects/react-js/advanced/Solar-System-Model/src/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/index.js
rename to projects/react-js/advanced/Solar-System-Model/src/index.js
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/logo.svg b/projects/react-js/advanced/Solar-System-Model/src/logo.svg
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/logo.svg
rename to projects/react-js/advanced/Solar-System-Model/src/logo.svg
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/reportWebVitals.js b/projects/react-js/advanced/Solar-System-Model/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/reportWebVitals.js
rename to projects/react-js/advanced/Solar-System-Model/src/reportWebVitals.js
diff --git a/React-JS-Projects/Advanced/Solar-System-Model/src/setupTests.js b/projects/react-js/advanced/Solar-System-Model/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Advanced/Solar-System-Model/src/setupTests.js
rename to projects/react-js/advanced/Solar-System-Model/src/setupTests.js
diff --git a/React-JS-Projects/Advanced/Travel-Website/.eslintrc.cjs b/projects/react-js/advanced/Travel-Website/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/.eslintrc.cjs
rename to projects/react-js/advanced/Travel-Website/.eslintrc.cjs
diff --git a/React-JS-Projects/Advanced/Travel-Website/README.md b/projects/react-js/advanced/Travel-Website/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/README.md
rename to projects/react-js/advanced/Travel-Website/README.md
diff --git a/React-JS-Projects/Advanced/Travel-Website/index.html b/projects/react-js/advanced/Travel-Website/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/index.html
rename to projects/react-js/advanced/Travel-Website/index.html
diff --git a/React-JS-Projects/Advanced/Travel-Website/package.json b/projects/react-js/advanced/Travel-Website/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/package.json
rename to projects/react-js/advanced/Travel-Website/package.json
diff --git a/React-JS-Projects/Advanced/Travel-Website/postcss.config.js b/projects/react-js/advanced/Travel-Website/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/postcss.config.js
rename to projects/react-js/advanced/Travel-Website/postcss.config.js
diff --git a/React-JS-Projects/Advanced/Travel-Website/public/vite.svg b/projects/react-js/advanced/Travel-Website/public/vite.svg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/public/vite.svg
rename to projects/react-js/advanced/Travel-Website/public/vite.svg
diff --git a/React-JS-Projects/Advanced/Travel-Website/screenshot.webp b/projects/react-js/advanced/Travel-Website/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/screenshot.webp
rename to projects/react-js/advanced/Travel-Website/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/App.jsx b/projects/react-js/advanced/Travel-Website/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/App.jsx
rename to projects/react-js/advanced/Travel-Website/src/App.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/cover-women.jpg b/projects/react-js/advanced/Travel-Website/src/assets/cover-women.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/cover-women.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/cover-women.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/logo.png b/projects/react-js/advanced/Travel-Website/src/assets/logo.png
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/logo.png
rename to projects/react-js/advanced/Travel-Website/src/assets/logo.png
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/places/boat.jpg b/projects/react-js/advanced/Travel-Website/src/assets/places/boat.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/places/boat.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/places/boat.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/places/place4.jpg b/projects/react-js/advanced/Travel-Website/src/assets/places/place4.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/places/place4.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/places/place4.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/places/place5.jpg b/projects/react-js/advanced/Travel-Website/src/assets/places/place5.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/places/place5.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/places/place5.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/places/place6.jpg b/projects/react-js/advanced/Travel-Website/src/assets/places/place6.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/places/place6.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/places/place6.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/places/tajmahal.jpg b/projects/react-js/advanced/Travel-Website/src/assets/places/tajmahal.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/places/tajmahal.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/places/tajmahal.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/places/water.jpg b/projects/react-js/advanced/Travel-Website/src/assets/places/water.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/places/water.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/places/water.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/sagdshgasgh.png b/projects/react-js/advanced/Travel-Website/src/assets/sagdshgasgh.png
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/sagdshgasgh.png
rename to projects/react-js/advanced/Travel-Website/src/assets/sagdshgasgh.png
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/travel-cover2.jpg b/projects/react-js/advanced/Travel-Website/src/assets/travel-cover2.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/travel-cover2.jpg
rename to projects/react-js/advanced/Travel-Website/src/assets/travel-cover2.jpg
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/travelbox.png b/projects/react-js/advanced/Travel-Website/src/assets/travelbox.png
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/travelbox.png
rename to projects/react-js/advanced/Travel-Website/src/assets/travelbox.png
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/video/footer.mp4 b/projects/react-js/advanced/Travel-Website/src/assets/video/footer.mp4
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/video/footer.mp4
rename to projects/react-js/advanced/Travel-Website/src/assets/video/footer.mp4
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/assets/video/main.mp4 b/projects/react-js/advanced/Travel-Website/src/assets/video/main.mp4
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/assets/video/main.mp4
rename to projects/react-js/advanced/Travel-Website/src/assets/video/main.mp4
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Banner/Banner.jsx b/projects/react-js/advanced/Travel-Website/src/components/Banner/Banner.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Banner/Banner.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Banner/Banner.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/BannerPic/BannerPic.jsx b/projects/react-js/advanced/Travel-Website/src/components/BannerPic/BannerPic.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/BannerPic/BannerPic.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/BannerPic/BannerPic.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Blogs/BlogCard.jsx b/projects/react-js/advanced/Travel-Website/src/components/Blogs/BlogCard.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Blogs/BlogCard.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Blogs/BlogCard.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Blogs/BlogsComp.jsx b/projects/react-js/advanced/Travel-Website/src/components/Blogs/BlogsComp.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Blogs/BlogsComp.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Blogs/BlogsComp.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Footer/Footer.jsx b/projects/react-js/advanced/Travel-Website/src/components/Footer/Footer.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Footer/Footer.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Footer/Footer.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Hero/Hero.jsx b/projects/react-js/advanced/Travel-Website/src/components/Hero/Hero.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Hero/Hero.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Hero/Hero.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Location/Location.jsx b/projects/react-js/advanced/Travel-Website/src/components/Location/Location.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Location/Location.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Location/Location.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Navbar/Navbar.jsx b/projects/react-js/advanced/Travel-Website/src/components/Navbar/Navbar.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Navbar/Navbar.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Navbar/Navbar.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Navbar/ResponsiveMenu.jsx b/projects/react-js/advanced/Travel-Website/src/components/Navbar/ResponsiveMenu.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Navbar/ResponsiveMenu.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Navbar/ResponsiveMenu.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/OrderPopup/OrderPopup.jsx b/projects/react-js/advanced/Travel-Website/src/components/OrderPopup/OrderPopup.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/OrderPopup/OrderPopup.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/OrderPopup/OrderPopup.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Places/PlaceCard.jsx b/projects/react-js/advanced/Travel-Website/src/components/Places/PlaceCard.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Places/PlaceCard.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Places/PlaceCard.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Places/Places.jsx b/projects/react-js/advanced/Travel-Website/src/components/Places/Places.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Places/Places.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Places/Places.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/components/Testimonial/Testimonial.jsx b/projects/react-js/advanced/Travel-Website/src/components/Testimonial/Testimonial.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/components/Testimonial/Testimonial.jsx
rename to projects/react-js/advanced/Travel-Website/src/components/Testimonial/Testimonial.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/index.css b/projects/react-js/advanced/Travel-Website/src/index.css
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/index.css
rename to projects/react-js/advanced/Travel-Website/src/index.css
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/main.jsx b/projects/react-js/advanced/Travel-Website/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/main.jsx
rename to projects/react-js/advanced/Travel-Website/src/main.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/pages/About.jsx b/projects/react-js/advanced/Travel-Website/src/pages/About.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/pages/About.jsx
rename to projects/react-js/advanced/Travel-Website/src/pages/About.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/pages/Blogs.jsx b/projects/react-js/advanced/Travel-Website/src/pages/Blogs.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/pages/Blogs.jsx
rename to projects/react-js/advanced/Travel-Website/src/pages/Blogs.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/pages/BlogsDetails.jsx b/projects/react-js/advanced/Travel-Website/src/pages/BlogsDetails.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/pages/BlogsDetails.jsx
rename to projects/react-js/advanced/Travel-Website/src/pages/BlogsDetails.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/pages/Home.jsx b/projects/react-js/advanced/Travel-Website/src/pages/Home.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/pages/Home.jsx
rename to projects/react-js/advanced/Travel-Website/src/pages/Home.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/pages/Layout.jsx b/projects/react-js/advanced/Travel-Website/src/pages/Layout.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/pages/Layout.jsx
rename to projects/react-js/advanced/Travel-Website/src/pages/Layout.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/pages/NoPage.jsx b/projects/react-js/advanced/Travel-Website/src/pages/NoPage.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/pages/NoPage.jsx
rename to projects/react-js/advanced/Travel-Website/src/pages/NoPage.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/src/pages/PlacesRoute.jsx b/projects/react-js/advanced/Travel-Website/src/pages/PlacesRoute.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/src/pages/PlacesRoute.jsx
rename to projects/react-js/advanced/Travel-Website/src/pages/PlacesRoute.jsx
diff --git a/React-JS-Projects/Advanced/Travel-Website/tailwind.config.js b/projects/react-js/advanced/Travel-Website/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/tailwind.config.js
rename to projects/react-js/advanced/Travel-Website/tailwind.config.js
diff --git a/React-JS-Projects/Advanced/Travel-Website/vite.config.js b/projects/react-js/advanced/Travel-Website/vite.config.js
similarity index 100%
rename from React-JS-Projects/Advanced/Travel-Website/vite.config.js
rename to projects/react-js/advanced/Travel-Website/vite.config.js
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/README.md b/projects/react-js/advanced/Tutoring-Website/README.md
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/README.md
rename to projects/react-js/advanced/Tutoring-Website/README.md
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/package.json b/projects/react-js/advanced/Tutoring-Website/package.json
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/package.json
rename to projects/react-js/advanced/Tutoring-Website/package.json
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/public/favicon.ico b/projects/react-js/advanced/Tutoring-Website/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/public/favicon.ico
rename to projects/react-js/advanced/Tutoring-Website/public/favicon.ico
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/public/index.html b/projects/react-js/advanced/Tutoring-Website/public/index.html
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/public/index.html
rename to projects/react-js/advanced/Tutoring-Website/public/index.html
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/public/manifest.json b/projects/react-js/advanced/Tutoring-Website/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/public/manifest.json
rename to projects/react-js/advanced/Tutoring-Website/public/manifest.json
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/public/robots.txt b/projects/react-js/advanced/Tutoring-Website/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/public/robots.txt
rename to projects/react-js/advanced/Tutoring-Website/public/robots.txt
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/screenshot.webp b/projects/react-js/advanced/Tutoring-Website/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/screenshot.webp
rename to projects/react-js/advanced/Tutoring-Website/screenshot.webp
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/App.css b/projects/react-js/advanced/Tutoring-Website/src/App.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/App.css
rename to projects/react-js/advanced/Tutoring-Website/src/App.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/App.js b/projects/react-js/advanced/Tutoring-Website/src/App.js
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/App.js
rename to projects/react-js/advanced/Tutoring-Website/src/App.js
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/App.test.js b/projects/react-js/advanced/Tutoring-Website/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/App.test.js
rename to projects/react-js/advanced/Tutoring-Website/src/App.test.js
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/2.png b/projects/react-js/advanced/Tutoring-Website/src/Components/2.png
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/2.png
rename to projects/react-js/advanced/Tutoring-Website/src/Components/2.png
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/AboutUs.css b/projects/react-js/advanced/Tutoring-Website/src/Components/AboutUs.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/AboutUs.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/AboutUs.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/AboutUs.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/AboutUs.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/AboutUs.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/AboutUs.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Benefits.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Benefits.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Benefits.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Benefits.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Benefits.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Benefits.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Benefits.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Benefits.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/GetTutor.css b/projects/react-js/advanced/Tutoring-Website/src/Components/GetTutor.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/GetTutor.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/GetTutor.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/GetTutor.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/GetTutor.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/GetTutor.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/GetTutor.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Home.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Home.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Home.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Home.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/HomeHead.css b/projects/react-js/advanced/Tutoring-Website/src/Components/HomeHead.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/HomeHead.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/HomeHead.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/HomeHead.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/HomeHead.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/HomeHead.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/HomeHead.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Line.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Line.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Line.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Line.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Line.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Line.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Line.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Line.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Navbar.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Navbar.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Navbar.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Navbar.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Navbar.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Navbar.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Navbar.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Navbar.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Performance.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Performance.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Performance.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Performance.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance1.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Performance1.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance1.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Performance1.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance1.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Performance1.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Performance1.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Performance1.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Speciality.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Speciality.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Speciality.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Speciality.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality1.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Speciality1.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality1.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Speciality1.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality1.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Speciality1.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality1.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Speciality1.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality2.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Speciality2.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality2.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Speciality2.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality2.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Speciality2.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Speciality2.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Speciality2.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Sponsors.css b/projects/react-js/advanced/Tutoring-Website/src/Components/Sponsors.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Sponsors.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Sponsors.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/Sponsors.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/Sponsors.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/Sponsors.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/Sponsors.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorBenefits.css b/projects/react-js/advanced/Tutoring-Website/src/Components/TutorBenefits.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorBenefits.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/TutorBenefits.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorBenefits.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/TutorBenefits.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorBenefits.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/TutorBenefits.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorDetails.css b/projects/react-js/advanced/Tutoring-Website/src/Components/TutorDetails.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorDetails.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/TutorDetails.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorDetails.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/TutorDetails.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorDetails.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/TutorDetails.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorTutor.css b/projects/react-js/advanced/Tutoring-Website/src/Components/TutorTutor.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorTutor.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/TutorTutor.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorTutor.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/TutorTutor.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/TutorTutor.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/TutorTutor.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/abc1.png b/projects/react-js/advanced/Tutoring-Website/src/Components/abc1.png
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/abc1.png
rename to projects/react-js/advanced/Tutoring-Website/src/Components/abc1.png
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/abc3.jpg b/projects/react-js/advanced/Tutoring-Website/src/Components/abc3.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/abc3.jpg
rename to projects/react-js/advanced/Tutoring-Website/src/Components/abc3.jpg
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/attention.svg b/projects/react-js/advanced/Tutoring-Website/src/Components/attention.svg
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/attention.svg
rename to projects/react-js/advanced/Tutoring-Website/src/Components/attention.svg
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/au.jpg b/projects/react-js/advanced/Tutoring-Website/src/Components/au.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/au.jpg
rename to projects/react-js/advanced/Tutoring-Website/src/Components/au.jpg
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/flexibletiming.svg b/projects/react-js/advanced/Tutoring-Website/src/Components/flexibletiming.svg
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/flexibletiming.svg
rename to projects/react-js/advanced/Tutoring-Website/src/Components/flexibletiming.svg
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/how.css b/projects/react-js/advanced/Tutoring-Website/src/Components/how.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/how.css
rename to projects/react-js/advanced/Tutoring-Website/src/Components/how.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/how.jsx b/projects/react-js/advanced/Tutoring-Website/src/Components/how.jsx
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/how.jsx
rename to projects/react-js/advanced/Tutoring-Website/src/Components/how.jsx
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/logo.png b/projects/react-js/advanced/Tutoring-Website/src/Components/logo.png
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/logo.png
rename to projects/react-js/advanced/Tutoring-Website/src/Components/logo.png
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/main.gif b/projects/react-js/advanced/Tutoring-Website/src/Components/main.gif
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/main.gif
rename to projects/react-js/advanced/Tutoring-Website/src/Components/main.gif
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/self-study.svg b/projects/react-js/advanced/Tutoring-Website/src/Components/self-study.svg
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/self-study.svg
rename to projects/react-js/advanced/Tutoring-Website/src/Components/self-study.svg
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/Components/teachers.svg b/projects/react-js/advanced/Tutoring-Website/src/Components/teachers.svg
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/Components/teachers.svg
rename to projects/react-js/advanced/Tutoring-Website/src/Components/teachers.svg
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/assets/Recording 2024-02-06 121310.mp4 b/projects/react-js/advanced/Tutoring-Website/src/assets/Recording 2024-02-06 121310.mp4
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/assets/Recording 2024-02-06 121310.mp4
rename to projects/react-js/advanced/Tutoring-Website/src/assets/Recording 2024-02-06 121310.mp4
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/assets/profile.jpg b/projects/react-js/advanced/Tutoring-Website/src/assets/profile.jpg
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/assets/profile.jpg
rename to projects/react-js/advanced/Tutoring-Website/src/assets/profile.jpg
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/data/data.js b/projects/react-js/advanced/Tutoring-Website/src/data/data.js
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/data/data.js
rename to projects/react-js/advanced/Tutoring-Website/src/data/data.js
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/index.css b/projects/react-js/advanced/Tutoring-Website/src/index.css
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/index.css
rename to projects/react-js/advanced/Tutoring-Website/src/index.css
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/index.js b/projects/react-js/advanced/Tutoring-Website/src/index.js
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/index.js
rename to projects/react-js/advanced/Tutoring-Website/src/index.js
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/reportWebVitals.js b/projects/react-js/advanced/Tutoring-Website/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/reportWebVitals.js
rename to projects/react-js/advanced/Tutoring-Website/src/reportWebVitals.js
diff --git a/React-JS-Projects/Advanced/Tutoring-Website/src/setupTests.js b/projects/react-js/advanced/Tutoring-Website/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Advanced/Tutoring-Website/src/setupTests.js
rename to projects/react-js/advanced/Tutoring-Website/src/setupTests.js
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/.eslintrc.cjs b/projects/react-js/basic/Motivation-For-The-Day/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/.eslintrc.cjs
rename to projects/react-js/basic/Motivation-For-The-Day/.eslintrc.cjs
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/README.md b/projects/react-js/basic/Motivation-For-The-Day/README.md
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/README.md
rename to projects/react-js/basic/Motivation-For-The-Day/README.md
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/index.html b/projects/react-js/basic/Motivation-For-The-Day/index.html
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/index.html
rename to projects/react-js/basic/Motivation-For-The-Day/index.html
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/package.json b/projects/react-js/basic/Motivation-For-The-Day/package.json
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/package.json
rename to projects/react-js/basic/Motivation-For-The-Day/package.json
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/screenshot.webp b/projects/react-js/basic/Motivation-For-The-Day/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/screenshot.webp
rename to projects/react-js/basic/Motivation-For-The-Day/screenshot.webp
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/src/App.css b/projects/react-js/basic/Motivation-For-The-Day/src/App.css
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/src/App.css
rename to projects/react-js/basic/Motivation-For-The-Day/src/App.css
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/src/App.jsx b/projects/react-js/basic/Motivation-For-The-Day/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/src/App.jsx
rename to projects/react-js/basic/Motivation-For-The-Day/src/App.jsx
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/src/main.jsx b/projects/react-js/basic/Motivation-For-The-Day/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/src/main.jsx
rename to projects/react-js/basic/Motivation-For-The-Day/src/main.jsx
diff --git a/React-JS-Projects/Basic/Motivation-For-The-Day/vite.config.js b/projects/react-js/basic/Motivation-For-The-Day/vite.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Motivation-For-The-Day/vite.config.js
rename to projects/react-js/basic/Motivation-For-The-Day/vite.config.js
diff --git a/React-JS-Projects/Basic/Password-Generator/.eslintrc.cjs b/projects/react-js/basic/Password-Generator/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/.eslintrc.cjs
rename to projects/react-js/basic/Password-Generator/.eslintrc.cjs
diff --git a/React-JS-Projects/Basic/Password-Generator/.gitignore b/projects/react-js/basic/Password-Generator/.gitignore
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/.gitignore
rename to projects/react-js/basic/Password-Generator/.gitignore
diff --git a/React-JS-Projects/Basic/Password-Generator/README.md b/projects/react-js/basic/Password-Generator/README.md
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/README.md
rename to projects/react-js/basic/Password-Generator/README.md
diff --git a/React-JS-Projects/Basic/Password-Generator/index.html b/projects/react-js/basic/Password-Generator/index.html
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/index.html
rename to projects/react-js/basic/Password-Generator/index.html
diff --git a/React-JS-Projects/Basic/Password-Generator/package-lock.json b/projects/react-js/basic/Password-Generator/package-lock.json
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/package-lock.json
rename to projects/react-js/basic/Password-Generator/package-lock.json
diff --git a/React-JS-Projects/Basic/Password-Generator/package.json b/projects/react-js/basic/Password-Generator/package.json
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/package.json
rename to projects/react-js/basic/Password-Generator/package.json
diff --git a/React-JS-Projects/Basic/Password-Generator/postcss.config.js b/projects/react-js/basic/Password-Generator/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/postcss.config.js
rename to projects/react-js/basic/Password-Generator/postcss.config.js
diff --git a/React-JS-Projects/Basic/Password-Generator/public/vite.svg b/projects/react-js/basic/Password-Generator/public/vite.svg
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/public/vite.svg
rename to projects/react-js/basic/Password-Generator/public/vite.svg
diff --git a/React-JS-Projects/Basic/Password-Generator/screenshot.webp b/projects/react-js/basic/Password-Generator/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/screenshot.webp
rename to projects/react-js/basic/Password-Generator/screenshot.webp
diff --git a/React-JS-Projects/Basic/Password-Generator/src/App.jsx b/projects/react-js/basic/Password-Generator/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/src/App.jsx
rename to projects/react-js/basic/Password-Generator/src/App.jsx
diff --git a/React-JS-Projects/Basic/Password-Generator/src/assets/react.svg b/projects/react-js/basic/Password-Generator/src/assets/react.svg
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/src/assets/react.svg
rename to projects/react-js/basic/Password-Generator/src/assets/react.svg
diff --git a/React-JS-Projects/Basic/Password-Generator/src/index.css b/projects/react-js/basic/Password-Generator/src/index.css
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/src/index.css
rename to projects/react-js/basic/Password-Generator/src/index.css
diff --git a/React-JS-Projects/Basic/Password-Generator/src/main.jsx b/projects/react-js/basic/Password-Generator/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/src/main.jsx
rename to projects/react-js/basic/Password-Generator/src/main.jsx
diff --git a/React-JS-Projects/Basic/Password-Generator/tailwind.config.js b/projects/react-js/basic/Password-Generator/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/tailwind.config.js
rename to projects/react-js/basic/Password-Generator/tailwind.config.js
diff --git a/React-JS-Projects/Basic/Password-Generator/vite.config.js b/projects/react-js/basic/Password-Generator/vite.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Password-Generator/vite.config.js
rename to projects/react-js/basic/Password-Generator/vite.config.js
diff --git a/React-JS-Projects/Basic/Shopping-Cart/README.md b/projects/react-js/basic/Shopping-Cart/README.md
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/README.md
rename to projects/react-js/basic/Shopping-Cart/README.md
diff --git a/React-JS-Projects/Basic/Shopping-Cart/images/cart.png b/projects/react-js/basic/Shopping-Cart/images/cart.png
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/images/cart.png
rename to projects/react-js/basic/Shopping-Cart/images/cart.png
diff --git a/React-JS-Projects/Basic/Shopping-Cart/images/product-listing.png b/projects/react-js/basic/Shopping-Cart/images/product-listing.png
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/images/product-listing.png
rename to projects/react-js/basic/Shopping-Cart/images/product-listing.png
diff --git a/React-JS-Projects/Basic/Shopping-Cart/index.html b/projects/react-js/basic/Shopping-Cart/index.html
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/index.html
rename to projects/react-js/basic/Shopping-Cart/index.html
diff --git a/React-JS-Projects/Basic/Shopping-Cart/package.json b/projects/react-js/basic/Shopping-Cart/package.json
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/package.json
rename to projects/react-js/basic/Shopping-Cart/package.json
diff --git a/React-JS-Projects/Basic/Shopping-Cart/postcss.config.js b/projects/react-js/basic/Shopping-Cart/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/postcss.config.js
rename to projects/react-js/basic/Shopping-Cart/postcss.config.js
diff --git a/React-JS-Projects/Basic/Shopping-Cart/screenshot.webp b/projects/react-js/basic/Shopping-Cart/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/screenshot.webp
rename to projects/react-js/basic/Shopping-Cart/screenshot.webp
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/App.jsx b/projects/react-js/basic/Shopping-Cart/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/src/App.jsx
rename to projects/react-js/basic/Shopping-Cart/src/App.jsx
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/components/CartItem.jsx b/projects/react-js/basic/Shopping-Cart/src/components/CartItem.jsx
similarity index 98%
rename from React-JS-Projects/Basic/Shopping-Cart/src/components/CartItem.jsx
rename to projects/react-js/basic/Shopping-Cart/src/components/CartItem.jsx
index 159b5476..d41ca87a 100644
--- a/React-JS-Projects/Basic/Shopping-Cart/src/components/CartItem.jsx
+++ b/projects/react-js/basic/Shopping-Cart/src/components/CartItem.jsx
@@ -1,78 +1,78 @@
-import { useDispatch, useSelector } from "react-redux"
-import { clearCart, manageCartItem } from "../redux/CartSlice"
-
-function CartItem({ product }) {
-
-    const cartItems = useSelector(state => state.cart.items)
-    const dispatch = useDispatch()
-
-    const onUpdate = (product, quantity) => {
-        dispatch(manageCartItem({ product, quantity }))
-    }
-
-    const onclear = () => {
-        dispatch(clearCart())
-        alert.success(`Cart successfully cleared!`)
-    }
-
-    return (
-        <div key={product.id} className="rounded-3xl border-2 border-gray-200 p-4 lg:p-8 grid grid-cols-12 mb-8 max-lg:max-w-lg max-lg:mx-auto gap-y-4 ">
-            <div className="col-span-12 lg:col-span-2 img box">
-                <img src={product.image} alt={product.title} className=" rounded-lg w-44 h-44" />
-            </div>
-            <div className="col-span-12 lg:col-span-10 detail w-full lg:pl-3">
-                <div className="flex items-center justify-between w-full mb-4">
-                    <h5 className="font-manrope font-bold text-2xl leading-9 text-gray-900">{product.title}</h5>
-                    <button 
-                        className="rounded-full group flex items-center justify-center focus-within:outline-red-500"
-                        onClick={() => onUpdate(product, -1 * product.quantity)}
-                    >
-                        <svg width="34" height="34" viewBox="0 0 34 34" fill="none"
-                            xmlns="http://www.w3.org/2000/svg">
-                            <circle className="fill-red-50 transition-all duration-500 group-hover:fill-red-400"
-                                cx="17" cy="17" r="17" fill="" />
-                            <path className="stroke-red-500 transition-all duration-500 group-hover:stroke-white"
-                                d="M14.1673 13.5997V12.5923C14.1673 11.8968 14.7311 11.333 15.4266 11.333H18.5747C19.2702 11.333 19.834 11.8968 19.834 12.5923V13.5997M19.834 13.5997C19.834 13.5997 14.6534 13.5997 11.334 13.5997C6.90804 13.5998 27.0933 13.5998 22.6673 13.5997C21.5608 13.5997 19.834 13.5997 19.834 13.5997ZM12.4673 13.5997H21.534V18.8886C21.534 20.6695 21.534 21.5599 20.9807 22.1131C20.4275 22.6664 19.5371 22.6664 17.7562 22.6664H16.2451C14.4642 22.6664 13.5738 22.6664 13.0206 22.1131C12.4673 21.5599 12.4673 20.6695 12.4673 18.8886V13.5997Z"
-                                stroke="#EF4444" stroke-width="1.6" stroke-linecap="round" />
-                        </svg>
-                    </button>
-                </div>
-                <p className="mb-3">{product.description.substring(0, 180)}...</p>
-                <div className="flex justify-between items-center">
-                    <div className="flex items-center gap-4">
-                        <button
-                            className="group rounded-[50px] border border-gray-200 shadow-sm shadow-transparent p-2.5 flex items-center justify-center bg-white transition-all duration-500 hover:shadow-gray-200 hover:bg-gray-50 hover:border-gray-300 focus-within:outline-gray-300"
-                            onClick={() => onUpdate(product, -1)}
-                        >
-                            <svg className="stroke-gray-900 transition-all duration-500 group-hover:stroke-black"
-                                width="18" height="19" viewBox="0 0 18 19" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path d="M4.5 9.5H13.5" stroke="" stroke-width="1.6" stroke-linecap="round"
-                                    stroke-linejoin="round" />
-                            </svg>
-                        </button>
-                        <input type="text" id="number"
-                            className="border border-gray-200 rounded-full w-10 aspect-square outline-none text-gray-900 font-semibold text-sm py-1.5 px-3 bg-gray-100  text-center"
-                            placeholder={product.quantity}
-                            disabled 
-                        />
-                        <button
-                            className="group rounded-[50px] border border-gray-200 shadow-sm shadow-transparent p-2.5 flex items-center justify-center bg-white transition-all duration-500 hover:shadow-gray-200 hover:bg-gray-50 hover:border-gray-300 focus-within:outline-gray-300"
-                            onClick={() => onUpdate(product, 1)}
-                        >
-                            <svg className="stroke-gray-900 transition-all duration-500 group-hover:stroke-black"
-                                width="18" height="19" viewBox="0 0 18 19" fill="none"
-                                xmlns="http://www.w3.org/2000/svg">
-                                <path d="M3.75 9.5H14.25M9 14.75V4.25" stroke="" stroke-width="1.6"
-                                    stroke-linecap="round" stroke-linejoin="round" />
-                            </svg>
-                        </button>
-                    </div>
-                    <h6 className="text-indigo-600 font-manrope font-bold text-2xl leading-9 text-right">${product.total}</h6>
-                </div>
-            </div>
-        </div>
-    )
-}
-
+import { useDispatch, useSelector } from "react-redux"
+import { clearCart, manageCartItem } from "../redux/CartSlice"
+
+function CartItem({ product }) {
+
+    const cartItems = useSelector(state => state.cart.items)
+    const dispatch = useDispatch()
+
+    const onUpdate = (product, quantity) => {
+        dispatch(manageCartItem({ product, quantity }))
+    }
+
+    const onclear = () => {
+        dispatch(clearCart())
+        alert.success(`Cart successfully cleared!`)
+    }
+
+    return (
+        <div key={product.id} className="rounded-3xl border-2 border-gray-200 p-4 lg:p-8 grid grid-cols-12 mb-8 max-lg:max-w-lg max-lg:mx-auto gap-y-4 ">
+            <div className="col-span-12 lg:col-span-2 img box">
+                <img src={product.image} alt={product.title} className=" rounded-lg w-44 h-44" />
+            </div>
+            <div className="col-span-12 lg:col-span-10 detail w-full lg:pl-3">
+                <div className="flex items-center justify-between w-full mb-4">
+                    <h5 className="font-manrope font-bold text-2xl leading-9 text-gray-900">{product.title}</h5>
+                    <button 
+                        className="rounded-full group flex items-center justify-center focus-within:outline-red-500"
+                        onClick={() => onUpdate(product, -1 * product.quantity)}
+                    >
+                        <svg width="34" height="34" viewBox="0 0 34 34" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <circle className="fill-red-50 transition-all duration-500 group-hover:fill-red-400"
+                                cx="17" cy="17" r="17" fill="" />
+                            <path className="stroke-red-500 transition-all duration-500 group-hover:stroke-white"
+                                d="M14.1673 13.5997V12.5923C14.1673 11.8968 14.7311 11.333 15.4266 11.333H18.5747C19.2702 11.333 19.834 11.8968 19.834 12.5923V13.5997M19.834 13.5997C19.834 13.5997 14.6534 13.5997 11.334 13.5997C6.90804 13.5998 27.0933 13.5998 22.6673 13.5997C21.5608 13.5997 19.834 13.5997 19.834 13.5997ZM12.4673 13.5997H21.534V18.8886C21.534 20.6695 21.534 21.5599 20.9807 22.1131C20.4275 22.6664 19.5371 22.6664 17.7562 22.6664H16.2451C14.4642 22.6664 13.5738 22.6664 13.0206 22.1131C12.4673 21.5599 12.4673 20.6695 12.4673 18.8886V13.5997Z"
+                                stroke="#EF4444" stroke-width="1.6" stroke-linecap="round" />
+                        </svg>
+                    </button>
+                </div>
+                <p className="mb-3">{product.description.substring(0, 180)}...</p>
+                <div className="flex justify-between items-center">
+                    <div className="flex items-center gap-4">
+                        <button
+                            className="group rounded-[50px] border border-gray-200 shadow-sm shadow-transparent p-2.5 flex items-center justify-center bg-white transition-all duration-500 hover:shadow-gray-200 hover:bg-gray-50 hover:border-gray-300 focus-within:outline-gray-300"
+                            onClick={() => onUpdate(product, -1)}
+                        >
+                            <svg className="stroke-gray-900 transition-all duration-500 group-hover:stroke-black"
+                                width="18" height="19" viewBox="0 0 18 19" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M4.5 9.5H13.5" stroke="" stroke-width="1.6" stroke-linecap="round"
+                                    stroke-linejoin="round" />
+                            </svg>
+                        </button>
+                        <input type="text" id="number"
+                            className="border border-gray-200 rounded-full w-10 aspect-square outline-none text-gray-900 font-semibold text-sm py-1.5 px-3 bg-gray-100  text-center"
+                            placeholder={product.quantity}
+                            disabled 
+                        />
+                        <button
+                            className="group rounded-[50px] border border-gray-200 shadow-sm shadow-transparent p-2.5 flex items-center justify-center bg-white transition-all duration-500 hover:shadow-gray-200 hover:bg-gray-50 hover:border-gray-300 focus-within:outline-gray-300"
+                            onClick={() => onUpdate(product, 1)}
+                        >
+                            <svg className="stroke-gray-900 transition-all duration-500 group-hover:stroke-black"
+                                width="18" height="19" viewBox="0 0 18 19" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path d="M3.75 9.5H14.25M9 14.75V4.25" stroke="" stroke-width="1.6"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </button>
+                    </div>
+                    <h6 className="text-indigo-600 font-manrope font-bold text-2xl leading-9 text-right">${product.total}</h6>
+                </div>
+            </div>
+        </div>
+    )
+}
+
 export default CartItem;
\ No newline at end of file
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/components/EmptyCart.jsx b/projects/react-js/basic/Shopping-Cart/src/components/EmptyCart.jsx
similarity index 97%
rename from React-JS-Projects/Basic/Shopping-Cart/src/components/EmptyCart.jsx
rename to projects/react-js/basic/Shopping-Cart/src/components/EmptyCart.jsx
index c1e191f8..e46812a0 100644
--- a/React-JS-Projects/Basic/Shopping-Cart/src/components/EmptyCart.jsx
+++ b/projects/react-js/basic/Shopping-Cart/src/components/EmptyCart.jsx
@@ -1,5 +1,5 @@
-function EmptyCart() {
-    return <h1 className="font-manrope font-bold text-2xl leading-9 text-gray-900 text-center">Your cart is empty!</h1>
-}
-
+function EmptyCart() {
+    return <h1 className="font-manrope font-bold text-2xl leading-9 text-gray-900 text-center">Your cart is empty!</h1>
+}
+
 export default EmptyCart;
\ No newline at end of file
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/components/ProductCard.jsx b/projects/react-js/basic/Shopping-Cart/src/components/ProductCard.jsx
similarity index 97%
rename from React-JS-Projects/Basic/Shopping-Cart/src/components/ProductCard.jsx
rename to projects/react-js/basic/Shopping-Cart/src/components/ProductCard.jsx
index 164741a3..0afde604 100644
--- a/React-JS-Projects/Basic/Shopping-Cart/src/components/ProductCard.jsx
+++ b/projects/react-js/basic/Shopping-Cart/src/components/ProductCard.jsx
@@ -1,40 +1,40 @@
-import { useDispatch, useSelector } from "react-redux";
-import { manageCartItem } from "../redux/CartSlice";
-import { useNavigate } from "react-router-dom"
-
-function ProductCard({ product }) {
-
-    const dispatch = useDispatch();
-    const cartItems = useSelector(state => state.cart.items)
-    const navigate = useNavigate()
-
-    const onAddToCart = (product) => {
-        const quantity = 1;
-        dispatch(manageCartItem({ product, quantity }))
-        alert(`${product.title} successfully added to cart!`)
-        navigate("/cart")
-    }
-
-
-    return (
-        <div className="bg-white sm:w-350 w-full hover:shadow-lg border-2 transition duration-200 relative cursor-pointer rounded overflow-hidden group">
-            <img className="w-full h-64 transition-transform duration-300 ease-in-out group-hover:scale-110" src={product.image} alt="product image" />
-            <div className="p-2">
-                <div className="flex mb-auto">
-                    <div className="mr-auto font-bold">{product.title}</div>
-                    <div className="font-bold">${product.price}</div>
-                </div>
-                <p className="w-full text-justify text-sm">{product.description.substring(0, 200)}</p>
-                <button 
-                    className="bg-blue-500 w-full py-2 mt-4 rounded hover:bg-blue-600 text-white focus:ring-2 focus:ring-blue-300 disabled:opacity-45 disabled:pointer-events-none"
-                    onClick={() => { onAddToCart(product) }}
-                    disabled={cartItems.find(item => item.id === product.id)}
-                >
-                    {cartItems.find(item => item.id === product.id) ? "Added to cart" : "Add to Cart" }
-                </button>
-            </div>
-        </div>
-    )
-}
-
+import { useDispatch, useSelector } from "react-redux";
+import { manageCartItem } from "../redux/CartSlice";
+import { useNavigate } from "react-router-dom"
+
+function ProductCard({ product }) {
+
+    const dispatch = useDispatch();
+    const cartItems = useSelector(state => state.cart.items)
+    const navigate = useNavigate()
+
+    const onAddToCart = (product) => {
+        const quantity = 1;
+        dispatch(manageCartItem({ product, quantity }))
+        alert(`${product.title} successfully added to cart!`)
+        navigate("/cart")
+    }
+
+
+    return (
+        <div className="bg-white sm:w-350 w-full hover:shadow-lg border-2 transition duration-200 relative cursor-pointer rounded overflow-hidden group">
+            <img className="w-full h-64 transition-transform duration-300 ease-in-out group-hover:scale-110" src={product.image} alt="product image" />
+            <div className="p-2">
+                <div className="flex mb-auto">
+                    <div className="mr-auto font-bold">{product.title}</div>
+                    <div className="font-bold">${product.price}</div>
+                </div>
+                <p className="w-full text-justify text-sm">{product.description.substring(0, 200)}</p>
+                <button 
+                    className="bg-blue-500 w-full py-2 mt-4 rounded hover:bg-blue-600 text-white focus:ring-2 focus:ring-blue-300 disabled:opacity-45 disabled:pointer-events-none"
+                    onClick={() => { onAddToCart(product) }}
+                    disabled={cartItems.find(item => item.id === product.id)}
+                >
+                    {cartItems.find(item => item.id === product.id) ? "Added to cart" : "Add to Cart" }
+                </button>
+            </div>
+        </div>
+    )
+}
+
 export default ProductCard;
\ No newline at end of file
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/index.css b/projects/react-js/basic/Shopping-Cart/src/index.css
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/src/index.css
rename to projects/react-js/basic/Shopping-Cart/src/index.css
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/main.jsx b/projects/react-js/basic/Shopping-Cart/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/src/main.jsx
rename to projects/react-js/basic/Shopping-Cart/src/main.jsx
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/pages/Cart.jsx b/projects/react-js/basic/Shopping-Cart/src/pages/Cart.jsx
similarity index 97%
rename from React-JS-Projects/Basic/Shopping-Cart/src/pages/Cart.jsx
rename to projects/react-js/basic/Shopping-Cart/src/pages/Cart.jsx
index 575f4adf..37ebe8fc 100644
--- a/React-JS-Projects/Basic/Shopping-Cart/src/pages/Cart.jsx
+++ b/projects/react-js/basic/Shopping-Cart/src/pages/Cart.jsx
@@ -1,64 +1,64 @@
-import { useDispatch, useSelector } from "react-redux"
-import { clearCart } from "../redux/CartSlice"
-import EmptyCart from "../components/EmptyCart"
-import CartItem from "../components/CartItem"
-
-function Cart() {
-
-    const cartItems = useSelector(state => state.cart.items)
-    const dispatch = useDispatch()
-
-    const onclear = () => {
-        dispatch(clearCart())
-        alert.success(`Cart successfully cleared!`)
-    }
-
-    const itemsTotal = cartItems.reduce((acc, item) => acc + item.total, 0).toFixed(2);
-
-    return (
-        <section className="relative py-5">
-            <div className="w-full max-w-7xl px-4 md:px-5 lg-6 mx-auto">
-
-                <h2 className="title font-manrope font-bold text-4xl leading-10 mb-8 text-center text-black">Shopping Cart
-                </h2>
-
-                {
-                    cartItems.length === 0 ? <EmptyCart /> : (
-                        <>
-
-                            {cartItems.map((product) => <CartItem product={product} key={product.id} />)}
-
-                            < div className="flex flex-col md:flex-row items-center md:items-center justify-between lg:px-6 pb-6 border-b border-gray-200 max-lg:max-w-lg max-lg:mx-auto">
-                                <h5 className="text-gray-900 font-manrope font-semibold text-2xl leading-9 w-full max-md:text-center max-md:mb-4">Subtotal</h5>
-
-                                <div className="flex items-center justify-between gap-5 ">
-                                    <button
-                                        className="rounded-full py-2.5 px-3 bg-indigo-50 text-indigo-600 font-semibold text-xs text-center whitespace-nowrap transition-all duration-500 hover:bg-indigo-100"
-                                        onClick={onclear}
-                                    >Clear cart</button>
-                                    <h6 className="font-manrope font-bold text-3xl lead-10 text-indigo-600">${itemsTotal}</h6>
-                                </div>
-                            </div>
-                            <div className="max-lg:max-w-lg max-lg:mx-auto">
-                                <p className="font-normal text-base leading-7 text-gray-500 text-center mb-5 mt-6">Shipping taxes, and discounts
-                                    calculated
-                                    at checkout</p>
-                                <button
-                                    className="rounded-full py-4 px-6 bg-indigo-600 text-white font-semibold text-lg w-full text-center transition-all duration-500 hover:bg-indigo-700 ">Checkout</button>
-
-                            </div>
-                        </>
-
-                    )
-                }
-
-
-
-            </div>
-        </section >
-
-    )
-
-}
-
+import { useDispatch, useSelector } from "react-redux"
+import { clearCart } from "../redux/CartSlice"
+import EmptyCart from "../components/EmptyCart"
+import CartItem from "../components/CartItem"
+
+function Cart() {
+
+    const cartItems = useSelector(state => state.cart.items)
+    const dispatch = useDispatch()
+
+    const onclear = () => {
+        dispatch(clearCart())
+        alert.success(`Cart successfully cleared!`)
+    }
+
+    const itemsTotal = cartItems.reduce((acc, item) => acc + item.total, 0).toFixed(2);
+
+    return (
+        <section className="relative py-5">
+            <div className="w-full max-w-7xl px-4 md:px-5 lg-6 mx-auto">
+
+                <h2 className="title font-manrope font-bold text-4xl leading-10 mb-8 text-center text-black">Shopping Cart
+                </h2>
+
+                {
+                    cartItems.length === 0 ? <EmptyCart /> : (
+                        <>
+
+                            {cartItems.map((product) => <CartItem product={product} key={product.id} />)}
+
+                            < div className="flex flex-col md:flex-row items-center md:items-center justify-between lg:px-6 pb-6 border-b border-gray-200 max-lg:max-w-lg max-lg:mx-auto">
+                                <h5 className="text-gray-900 font-manrope font-semibold text-2xl leading-9 w-full max-md:text-center max-md:mb-4">Subtotal</h5>
+
+                                <div className="flex items-center justify-between gap-5 ">
+                                    <button
+                                        className="rounded-full py-2.5 px-3 bg-indigo-50 text-indigo-600 font-semibold text-xs text-center whitespace-nowrap transition-all duration-500 hover:bg-indigo-100"
+                                        onClick={onclear}
+                                    >Clear cart</button>
+                                    <h6 className="font-manrope font-bold text-3xl lead-10 text-indigo-600">${itemsTotal}</h6>
+                                </div>
+                            </div>
+                            <div className="max-lg:max-w-lg max-lg:mx-auto">
+                                <p className="font-normal text-base leading-7 text-gray-500 text-center mb-5 mt-6">Shipping taxes, and discounts
+                                    calculated
+                                    at checkout</p>
+                                <button
+                                    className="rounded-full py-4 px-6 bg-indigo-600 text-white font-semibold text-lg w-full text-center transition-all duration-500 hover:bg-indigo-700 ">Checkout</button>
+
+                            </div>
+                        </>
+
+                    )
+                }
+
+
+
+            </div>
+        </section >
+
+    )
+
+}
+
 export default Cart;
\ No newline at end of file
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/pages/Products.jsx b/projects/react-js/basic/Shopping-Cart/src/pages/Products.jsx
similarity index 97%
rename from React-JS-Projects/Basic/Shopping-Cart/src/pages/Products.jsx
rename to projects/react-js/basic/Shopping-Cart/src/pages/Products.jsx
index 24294660..6c42a34f 100644
--- a/React-JS-Projects/Basic/Shopping-Cart/src/pages/Products.jsx
+++ b/projects/react-js/basic/Shopping-Cart/src/pages/Products.jsx
@@ -1,31 +1,31 @@
-import { useEffect, useState } from "react";
-import ProductCard from "../components/ProductCard";
-import axios from "axios";
-
-function Products() {
-    const [products, setProducts] = useState([]);
-
-    const fetchProducts = async () => {
-        await axios.get('https://fakestoreapi.com/products')
-            .then(response => setProducts(response.data))
-            .catch(error => console.error(error));
-    }
-
-    useEffect(() => {
-        fetchProducts()
-    }, []);
-
-    return (
-        <section className="grid place-items-center border-b p-4">
-            <h2 className="title font-manrope font-bold text-4xl leading-10 mb-8 text-center text-black">Our Products
-            </h2>            
-            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-5 px-5">
-                {
-                    products.map(product => <ProductCard product={product} key={product.id} />)
-                }
-            </div>
-        </section>
-    )
-}
-
+import { useEffect, useState } from "react";
+import ProductCard from "../components/ProductCard";
+import axios from "axios";
+
+function Products() {
+    const [products, setProducts] = useState([]);
+
+    const fetchProducts = async () => {
+        await axios.get('https://fakestoreapi.com/products')
+            .then(response => setProducts(response.data))
+            .catch(error => console.error(error));
+    }
+
+    useEffect(() => {
+        fetchProducts()
+    }, []);
+
+    return (
+        <section className="grid place-items-center border-b p-4">
+            <h2 className="title font-manrope font-bold text-4xl leading-10 mb-8 text-center text-black">Our Products
+            </h2>            
+            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 gap-5 px-5">
+                {
+                    products.map(product => <ProductCard product={product} key={product.id} />)
+                }
+            </div>
+        </section>
+    )
+}
+
 export default Products;
\ No newline at end of file
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/redux/CartSlice.jsx b/projects/react-js/basic/Shopping-Cart/src/redux/CartSlice.jsx
similarity index 97%
rename from React-JS-Projects/Basic/Shopping-Cart/src/redux/CartSlice.jsx
rename to projects/react-js/basic/Shopping-Cart/src/redux/CartSlice.jsx
index 478f51ae..121eea02 100644
--- a/React-JS-Projects/Basic/Shopping-Cart/src/redux/CartSlice.jsx
+++ b/projects/react-js/basic/Shopping-Cart/src/redux/CartSlice.jsx
@@ -1,46 +1,46 @@
-import { createSlice } from "@reduxjs/toolkit";
-
-const initialState = {
-    items: JSON.parse(localStorage.getItem("vigybag-cart")) || [],
-};
-
-const cartSlice = createSlice({
-    name: "cart",
-    initialState: initialState,
-    reducers: {
-        manageCartItem: (state, action) => {
-            const { product, quantity } = action.payload
-
-            const existingItem = state.items.find(item => item.id === product.id)
-
-            let newQuantity = quantity
-            if (existingItem) {
-                newQuantity = existingItem.quantity + quantity > 0 ? existingItem.quantity + quantity : 0;
-            }
-
-            const updatedCart = state.items
-                .filter(item => item.id !== product.id)
-                .concat(newQuantity > 0 ? {
-                    id: product.id,
-                    title: product.title,
-                    quantity: newQuantity,
-                    price: product.price,
-                    description: product.description,
-                    total: newQuantity * product.price,
-                    image: product.image,
-                } : [])
-                .sort((a, b) => a.id - b.id);
-
-            localStorage.setItem("vigybag-cart", JSON.stringify(updatedCart))
-            state.items = updatedCart
-        },
-
-        clearCart: (state) => {
-            localStorage.setItem("vigybag-cart", JSON.stringify([]))
-            state.items = []
-        }
-    }
-})
-
-export const { manageCartItem, clearCart } = cartSlice.actions
+import { createSlice } from "@reduxjs/toolkit";
+
+const initialState = {
+    items: JSON.parse(localStorage.getItem("vigybag-cart")) || [],
+};
+
+const cartSlice = createSlice({
+    name: "cart",
+    initialState: initialState,
+    reducers: {
+        manageCartItem: (state, action) => {
+            const { product, quantity } = action.payload
+
+            const existingItem = state.items.find(item => item.id === product.id)
+
+            let newQuantity = quantity
+            if (existingItem) {
+                newQuantity = existingItem.quantity + quantity > 0 ? existingItem.quantity + quantity : 0;
+            }
+
+            const updatedCart = state.items
+                .filter(item => item.id !== product.id)
+                .concat(newQuantity > 0 ? {
+                    id: product.id,
+                    title: product.title,
+                    quantity: newQuantity,
+                    price: product.price,
+                    description: product.description,
+                    total: newQuantity * product.price,
+                    image: product.image,
+                } : [])
+                .sort((a, b) => a.id - b.id);
+
+            localStorage.setItem("vigybag-cart", JSON.stringify(updatedCart))
+            state.items = updatedCart
+        },
+
+        clearCart: (state) => {
+            localStorage.setItem("vigybag-cart", JSON.stringify([]))
+            state.items = []
+        }
+    }
+})
+
+export const { manageCartItem, clearCart } = cartSlice.actions
 export default cartSlice.reducer
\ No newline at end of file
diff --git a/React-JS-Projects/Basic/Shopping-Cart/src/redux/Store.jsx b/projects/react-js/basic/Shopping-Cart/src/redux/Store.jsx
similarity index 95%
rename from React-JS-Projects/Basic/Shopping-Cart/src/redux/Store.jsx
rename to projects/react-js/basic/Shopping-Cart/src/redux/Store.jsx
index 33fcf308..ac7b95aa 100644
--- a/React-JS-Projects/Basic/Shopping-Cart/src/redux/Store.jsx
+++ b/projects/react-js/basic/Shopping-Cart/src/redux/Store.jsx
@@ -1,10 +1,10 @@
-import { configureStore } from "@reduxjs/toolkit";
-import cartReducer from './CartSlice'
-
-const store = configureStore({
-    reducer: {
-        cart: cartReducer
-    }
-})
-
+import { configureStore } from "@reduxjs/toolkit";
+import cartReducer from './CartSlice'
+
+const store = configureStore({
+    reducer: {
+        cart: cartReducer
+    }
+})
+
 export default store;
\ No newline at end of file
diff --git a/React-JS-Projects/Basic/Shopping-Cart/tailwind.config.js b/projects/react-js/basic/Shopping-Cart/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/tailwind.config.js
rename to projects/react-js/basic/Shopping-Cart/tailwind.config.js
diff --git a/React-JS-Projects/Basic/Shopping-Cart/vite.config.js b/projects/react-js/basic/Shopping-Cart/vite.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Shopping-Cart/vite.config.js
rename to projects/react-js/basic/Shopping-Cart/vite.config.js
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/.eslintrc.cjs b/projects/react-js/basic/Swiggy-Clone/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/.eslintrc.cjs
rename to projects/react-js/basic/Swiggy-Clone/.eslintrc.cjs
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/README.md b/projects/react-js/basic/Swiggy-Clone/README.md
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/README.md
rename to projects/react-js/basic/Swiggy-Clone/README.md
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/index.html b/projects/react-js/basic/Swiggy-Clone/index.html
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/index.html
rename to projects/react-js/basic/Swiggy-Clone/index.html
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/package.json b/projects/react-js/basic/Swiggy-Clone/package.json
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/package.json
rename to projects/react-js/basic/Swiggy-Clone/package.json
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/postcss.config.js b/projects/react-js/basic/Swiggy-Clone/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/postcss.config.js
rename to projects/react-js/basic/Swiggy-Clone/postcss.config.js
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/public/vite.svg b/projects/react-js/basic/Swiggy-Clone/public/vite.svg
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/public/vite.svg
rename to projects/react-js/basic/Swiggy-Clone/public/vite.svg
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/screenshot.webp b/projects/react-js/basic/Swiggy-Clone/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/screenshot.webp
rename to projects/react-js/basic/Swiggy-Clone/screenshot.webp
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/App.jsx b/projects/react-js/basic/Swiggy-Clone/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/App.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/App.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/Components/Chain.jsx b/projects/react-js/basic/Swiggy-Clone/src/Components/Chain.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/Components/Chain.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/Components/Chain.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/Components/Cuisines.jsx b/projects/react-js/basic/Swiggy-Clone/src/Components/Cuisines.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/Components/Cuisines.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/Components/Cuisines.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/Components/Footer.jsx b/projects/react-js/basic/Swiggy-Clone/src/Components/Footer.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/Components/Footer.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/Components/Footer.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/Components/Hero.jsx b/projects/react-js/basic/Swiggy-Clone/src/Components/Hero.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/Components/Hero.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/Components/Hero.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/Components/MobileBar.jsx b/projects/react-js/basic/Swiggy-Clone/src/Components/MobileBar.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/Components/MobileBar.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/Components/MobileBar.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/Components/Navbar.jsx b/projects/react-js/basic/Swiggy-Clone/src/Components/Navbar.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/Components/Navbar.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/Components/Navbar.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/Components/Playstore.jsx b/projects/react-js/basic/Swiggy-Clone/src/Components/Playstore.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/Components/Playstore.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/Components/Playstore.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/assets/icon.png b/projects/react-js/basic/Swiggy-Clone/src/assets/icon.png
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/assets/icon.png
rename to projects/react-js/basic/Swiggy-Clone/src/assets/icon.png
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/index.css b/projects/react-js/basic/Swiggy-Clone/src/index.css
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/index.css
rename to projects/react-js/basic/Swiggy-Clone/src/index.css
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/src/main.jsx b/projects/react-js/basic/Swiggy-Clone/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/src/main.jsx
rename to projects/react-js/basic/Swiggy-Clone/src/main.jsx
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/tailwind.config.js b/projects/react-js/basic/Swiggy-Clone/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/tailwind.config.js
rename to projects/react-js/basic/Swiggy-Clone/tailwind.config.js
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/vite.config.js b/projects/react-js/basic/Swiggy-Clone/vite.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/vite.config.js
rename to projects/react-js/basic/Swiggy-Clone/vite.config.js
diff --git a/React-JS-Projects/Basic/Swiggy-Clone/webpack.config.js b/projects/react-js/basic/Swiggy-Clone/webpack.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Swiggy-Clone/webpack.config.js
rename to projects/react-js/basic/Swiggy-Clone/webpack.config.js
diff --git a/React-JS-Projects/Basic/To-Do-List/README.md b/projects/react-js/basic/To-Do-List/README.md
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/README.md
rename to projects/react-js/basic/To-Do-List/README.md
diff --git a/React-JS-Projects/Basic/To-Do-List/package-lock.json b/projects/react-js/basic/To-Do-List/package-lock.json
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/package-lock.json
rename to projects/react-js/basic/To-Do-List/package-lock.json
diff --git a/React-JS-Projects/Basic/To-Do-List/package.json b/projects/react-js/basic/To-Do-List/package.json
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/package.json
rename to projects/react-js/basic/To-Do-List/package.json
diff --git a/React-JS-Projects/Basic/To-Do-List/public/favicon.ico b/projects/react-js/basic/To-Do-List/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/public/favicon.ico
rename to projects/react-js/basic/To-Do-List/public/favicon.ico
diff --git a/React-JS-Projects/Basic/To-Do-List/public/index.html b/projects/react-js/basic/To-Do-List/public/index.html
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/public/index.html
rename to projects/react-js/basic/To-Do-List/public/index.html
diff --git a/React-JS-Projects/Basic/To-Do-List/public/logo192.png b/projects/react-js/basic/To-Do-List/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/public/logo192.png
rename to projects/react-js/basic/To-Do-List/public/logo192.png
diff --git a/React-JS-Projects/Basic/To-Do-List/public/logo512.png b/projects/react-js/basic/To-Do-List/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/public/logo512.png
rename to projects/react-js/basic/To-Do-List/public/logo512.png
diff --git a/React-JS-Projects/Basic/To-Do-List/public/manifest.json b/projects/react-js/basic/To-Do-List/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/public/manifest.json
rename to projects/react-js/basic/To-Do-List/public/manifest.json
diff --git a/React-JS-Projects/Basic/To-Do-List/screenshot.webp b/projects/react-js/basic/To-Do-List/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/screenshot.webp
rename to projects/react-js/basic/To-Do-List/screenshot.webp
diff --git a/React-JS-Projects/Basic/To-Do-List/src/App.css b/projects/react-js/basic/To-Do-List/src/App.css
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/App.css
rename to projects/react-js/basic/To-Do-List/src/App.css
diff --git a/React-JS-Projects/Basic/To-Do-List/src/App.js b/projects/react-js/basic/To-Do-List/src/App.js
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/App.js
rename to projects/react-js/basic/To-Do-List/src/App.js
diff --git a/React-JS-Projects/Basic/To-Do-List/src/App.test.js b/projects/react-js/basic/To-Do-List/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/App.test.js
rename to projects/react-js/basic/To-Do-List/src/App.test.js
diff --git a/React-JS-Projects/Basic/To-Do-List/src/index.css b/projects/react-js/basic/To-Do-List/src/index.css
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/index.css
rename to projects/react-js/basic/To-Do-List/src/index.css
diff --git a/React-JS-Projects/Basic/To-Do-List/src/index.js b/projects/react-js/basic/To-Do-List/src/index.js
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/index.js
rename to projects/react-js/basic/To-Do-List/src/index.js
diff --git a/React-JS-Projects/Basic/To-Do-List/src/logo.svg b/projects/react-js/basic/To-Do-List/src/logo.svg
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/logo.svg
rename to projects/react-js/basic/To-Do-List/src/logo.svg
diff --git a/React-JS-Projects/Basic/To-Do-List/src/reportWebVitals.js b/projects/react-js/basic/To-Do-List/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/reportWebVitals.js
rename to projects/react-js/basic/To-Do-List/src/reportWebVitals.js
diff --git a/React-JS-Projects/Basic/To-Do-List/src/setupTests.js b/projects/react-js/basic/To-Do-List/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Basic/To-Do-List/src/setupTests.js
rename to projects/react-js/basic/To-Do-List/src/setupTests.js
diff --git a/React-JS-Projects/Basic/Weather-App/.eslintrc.cjs b/projects/react-js/basic/Weather-App/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/.eslintrc.cjs
rename to projects/react-js/basic/Weather-App/.eslintrc.cjs
diff --git a/React-JS-Projects/Basic/Weather-App/.gitignore b/projects/react-js/basic/Weather-App/.gitignore
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/.gitignore
rename to projects/react-js/basic/Weather-App/.gitignore
diff --git a/React-JS-Projects/Basic/Weather-App/README.md b/projects/react-js/basic/Weather-App/README.md
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/README.md
rename to projects/react-js/basic/Weather-App/README.md
diff --git a/React-JS-Projects/Basic/Weather-App/index.html b/projects/react-js/basic/Weather-App/index.html
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/index.html
rename to projects/react-js/basic/Weather-App/index.html
diff --git a/React-JS-Projects/Basic/Weather-App/package-lock.json b/projects/react-js/basic/Weather-App/package-lock.json
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/package-lock.json
rename to projects/react-js/basic/Weather-App/package-lock.json
diff --git a/React-JS-Projects/Basic/Weather-App/package.json b/projects/react-js/basic/Weather-App/package.json
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/package.json
rename to projects/react-js/basic/Weather-App/package.json
diff --git a/React-JS-Projects/Basic/Weather-App/public/vite.svg b/projects/react-js/basic/Weather-App/public/vite.svg
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/public/vite.svg
rename to projects/react-js/basic/Weather-App/public/vite.svg
diff --git a/React-JS-Projects/Basic/Weather-App/screenshot.webp b/projects/react-js/basic/Weather-App/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/screenshot.webp
rename to projects/react-js/basic/Weather-App/screenshot.webp
diff --git a/React-JS-Projects/Basic/Weather-App/src/App.css b/projects/react-js/basic/Weather-App/src/App.css
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/App.css
rename to projects/react-js/basic/Weather-App/src/App.css
diff --git a/React-JS-Projects/Basic/Weather-App/src/App.jsx b/projects/react-js/basic/Weather-App/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/App.jsx
rename to projects/react-js/basic/Weather-App/src/App.jsx
diff --git a/React-JS-Projects/Basic/Weather-App/src/InfoBox.css b/projects/react-js/basic/Weather-App/src/InfoBox.css
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/InfoBox.css
rename to projects/react-js/basic/Weather-App/src/InfoBox.css
diff --git a/React-JS-Projects/Basic/Weather-App/src/InfoBox.jsx b/projects/react-js/basic/Weather-App/src/InfoBox.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/InfoBox.jsx
rename to projects/react-js/basic/Weather-App/src/InfoBox.jsx
diff --git a/React-JS-Projects/Basic/Weather-App/src/SearchBox.css b/projects/react-js/basic/Weather-App/src/SearchBox.css
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/SearchBox.css
rename to projects/react-js/basic/Weather-App/src/SearchBox.css
diff --git a/React-JS-Projects/Basic/Weather-App/src/SearchBox.jsx b/projects/react-js/basic/Weather-App/src/SearchBox.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/SearchBox.jsx
rename to projects/react-js/basic/Weather-App/src/SearchBox.jsx
diff --git a/React-JS-Projects/Basic/Weather-App/src/WeatherApp.jsx b/projects/react-js/basic/Weather-App/src/WeatherApp.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/WeatherApp.jsx
rename to projects/react-js/basic/Weather-App/src/WeatherApp.jsx
diff --git a/React-JS-Projects/Basic/Weather-App/src/assets/react.svg b/projects/react-js/basic/Weather-App/src/assets/react.svg
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/assets/react.svg
rename to projects/react-js/basic/Weather-App/src/assets/react.svg
diff --git a/React-JS-Projects/Basic/Weather-App/src/index.css b/projects/react-js/basic/Weather-App/src/index.css
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/index.css
rename to projects/react-js/basic/Weather-App/src/index.css
diff --git a/React-JS-Projects/Basic/Weather-App/src/main.jsx b/projects/react-js/basic/Weather-App/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/main.jsx
rename to projects/react-js/basic/Weather-App/src/main.jsx
diff --git a/React-JS-Projects/Basic/Weather-App/src/newFile.jsx b/projects/react-js/basic/Weather-App/src/newFile.jsx
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/src/newFile.jsx
rename to projects/react-js/basic/Weather-App/src/newFile.jsx
diff --git a/React-JS-Projects/Basic/Weather-App/vite.config.js b/projects/react-js/basic/Weather-App/vite.config.js
similarity index 100%
rename from React-JS-Projects/Basic/Weather-App/vite.config.js
rename to projects/react-js/basic/Weather-App/vite.config.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/.eslintrc.json b/projects/react-js/intermediate/Cakes-N-Cookies/.eslintrc.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/.eslintrc.json
rename to projects/react-js/intermediate/Cakes-N-Cookies/.eslintrc.json
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/README.md b/projects/react-js/intermediate/Cakes-N-Cookies/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/README.md
rename to projects/react-js/intermediate/Cakes-N-Cookies/README.md
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Contact/index.jsx b/projects/react-js/intermediate/Cakes-N-Cookies/components/Contact/index.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Contact/index.jsx
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/Contact/index.jsx
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Incentives/index.jsx b/projects/react-js/intermediate/Cakes-N-Cookies/components/Incentives/index.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Incentives/index.jsx
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/Incentives/index.jsx
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.jsx b/projects/react-js/intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.jsx
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.jsx
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.style.js b/projects/react-js/intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.style.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.style.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/LandingSection/LandingSection.style.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Loader/Loader.jsx b/projects/react-js/intermediate/Cakes-N-Cookies/components/Loader/Loader.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Loader/Loader.jsx
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/Loader/Loader.jsx
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Loader/Loader.style.js b/projects/react-js/intermediate/Cakes-N-Cookies/components/Loader/Loader.style.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Loader/Loader.style.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/Loader/Loader.style.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Navbar/Navbar.jsx b/projects/react-js/intermediate/Cakes-N-Cookies/components/Navbar/Navbar.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/Navbar/Navbar.jsx
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/Navbar/Navbar.jsx
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/ProductSection/ProdcuctSection.style.js b/projects/react-js/intermediate/Cakes-N-Cookies/components/ProductSection/ProdcuctSection.style.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/ProductSection/ProdcuctSection.style.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/ProductSection/ProdcuctSection.style.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/components/ProductSection/index.js b/projects/react-js/intermediate/Cakes-N-Cookies/components/ProductSection/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/components/ProductSection/index.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/components/ProductSection/index.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/jsconfig.json b/projects/react-js/intermediate/Cakes-N-Cookies/jsconfig.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/jsconfig.json
rename to projects/react-js/intermediate/Cakes-N-Cookies/jsconfig.json
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/next.config.js b/projects/react-js/intermediate/Cakes-N-Cookies/next.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/next.config.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/next.config.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/package.json b/projects/react-js/intermediate/Cakes-N-Cookies/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/package.json
rename to projects/react-js/intermediate/Cakes-N-Cookies/package.json
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/pages/_app.js b/projects/react-js/intermediate/Cakes-N-Cookies/pages/_app.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/pages/_app.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/pages/_app.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/pages/index.js b/projects/react-js/intermediate/Cakes-N-Cookies/pages/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/pages/index.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/pages/index.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/pnpm-lock.yaml b/projects/react-js/intermediate/Cakes-N-Cookies/pnpm-lock.yaml
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/pnpm-lock.yaml
rename to projects/react-js/intermediate/Cakes-N-Cookies/pnpm-lock.yaml
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/postcss.config.js b/projects/react-js/intermediate/Cakes-N-Cookies/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/postcss.config.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/postcss.config.js
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/favicon.ico b/projects/react-js/intermediate/Cakes-N-Cookies/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/favicon.ico
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/favicon.ico
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/back.jpg b/projects/react-js/intermediate/Cakes-N-Cookies/public/images/back.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/back.jpg
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/images/back.jpg
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake.jpg b/projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake.jpg
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake.jpg
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake1.webp b/projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake1.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake1.webp
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake1.webp
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake2.jpg b/projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake2.jpg
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake2.jpg
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake2.webp b/projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake2.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake2.webp
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake2.webp
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake3.png b/projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake3.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake3.png
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake3.png
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake3.webp b/projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake3.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/public/images/cake3.webp
rename to projects/react-js/intermediate/Cakes-N-Cookies/public/images/cake3.webp
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/screenshot.webp b/projects/react-js/intermediate/Cakes-N-Cookies/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/screenshot.webp
rename to projects/react-js/intermediate/Cakes-N-Cookies/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/styles/globals.css b/projects/react-js/intermediate/Cakes-N-Cookies/styles/globals.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/styles/globals.css
rename to projects/react-js/intermediate/Cakes-N-Cookies/styles/globals.css
diff --git a/React-JS-Projects/Intermediate/Cakes-N-Cookies/tailwind.config.js b/projects/react-js/intermediate/Cakes-N-Cookies/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cakes-N-Cookies/tailwind.config.js
rename to projects/react-js/intermediate/Cakes-N-Cookies/tailwind.config.js
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/README.md b/projects/react-js/intermediate/Chat-Bot/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/README.md
rename to projects/react-js/intermediate/Chat-Bot/README.md
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/images/image01.png b/projects/react-js/intermediate/Chat-Bot/images/image01.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/images/image01.png
rename to projects/react-js/intermediate/Chat-Bot/images/image01.png
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/images/image02.png b/projects/react-js/intermediate/Chat-Bot/images/image02.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/images/image02.png
rename to projects/react-js/intermediate/Chat-Bot/images/image02.png
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/index.html b/projects/react-js/intermediate/Chat-Bot/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/index.html
rename to projects/react-js/intermediate/Chat-Bot/index.html
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/package.json b/projects/react-js/intermediate/Chat-Bot/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/package.json
rename to projects/react-js/intermediate/Chat-Bot/package.json
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/postcss.config.js b/projects/react-js/intermediate/Chat-Bot/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/postcss.config.js
rename to projects/react-js/intermediate/Chat-Bot/postcss.config.js
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/screenshot.webp b/projects/react-js/intermediate/Chat-Bot/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/screenshot.webp
rename to projects/react-js/intermediate/Chat-Bot/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/src/App.jsx b/projects/react-js/intermediate/Chat-Bot/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/src/App.jsx
rename to projects/react-js/intermediate/Chat-Bot/src/App.jsx
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/src/ChatBot.jsx b/projects/react-js/intermediate/Chat-Bot/src/ChatBot.jsx
similarity index 97%
rename from React-JS-Projects/Intermediate/Chat-Bot/src/ChatBot.jsx
rename to projects/react-js/intermediate/Chat-Bot/src/ChatBot.jsx
index 36a39d69..153e6936 100644
--- a/React-JS-Projects/Intermediate/Chat-Bot/src/ChatBot.jsx
+++ b/projects/react-js/intermediate/Chat-Bot/src/ChatBot.jsx
@@ -1,77 +1,77 @@
-import React, { useState } from 'react';
-import axios from 'axios';
-import Message from './Message';
-import Welcome from './Welcome';
-import { FaPaperPlane } from 'react-icons/fa';
-
-const API_KEY = import.meta.env.VITE_GOOGLE_GEMINI_API_KEY;
-const API_URL = `https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key=${API_KEY}`
-
-const Chatbot = () => {
-  const [messages, setMessages] = useState([]);
-  const [input, setInput] = useState('');
-  const [loading, setLoading] = useState(false)
-  const loadingMessage = {sender: "bot", text: "Please wait..."}
-
-  const sendMessage = async (e) => {
-    e.preventDefault();
-    if (input.trim() === '') return;
-
-    const newMessage = { text: input, sender: 'user' };
-    setMessages([...messages, newMessage]);
-
-    try {
-      setLoading(true)
-      const response = await axios.post(API_URL, {
-        contents: [
-          {
-            parts: [
-              { 
-                text: input 
-              }
-            ]
-          }
-        ]
-      }, {
-        headers: {
-          'Content-Type': 'application/json',
-        }
-      });
-
-      console.log(response.data)
-      const botMessage = { text: response.data?.candidates[0].content.parts[0].text.trim(), sender: 'bot' };
-      setMessages((prevMessages) => [...prevMessages, botMessage]);
-    } catch (error) {
-      console.error('Error sending message:', error);
-    }finally{
-      setLoading(false)
-    }
-
-    setInput('');
-  };
-
-  return (
-    <div className="flex flex-col items-center mx-auto w-full md:w-3/4 lg:w-2/4 shadow-lg bg-transparent h-screen p-2 pb-7">
-      <div className="flex flex-col w-full flex-1 p-2 px-4 mb-4 overflow-y-scroll bg-transparent rounded-md no-scrollbar">
-        {messages.length === 0 && <Welcome/>}
-        {messages.map((msg, index) => (
-          <Message key={index} message={msg} />
-        ))}
-        {loading && <Message message={loadingMessage} /> }
-      </div>
-      <form onSubmit={sendMessage} className="flex w-full">
-        <input
-          type="text"
-          value={input}
-          onChange={(e) => setInput(e.target.value)}
-          placeholder="Type your message..."
-          className="flex-grow p-2 rounded-l-md focus:outline-none bg-gray-900 border-0 text-white"
-        />
-        <button type="submit" className="px-4 py-2 text-white bg-gray-700 rounded-r-md hover:bg-gray-800 focus:outline-none"><FaPaperPlane/></button>
-      </form>
-    </div>
-  );
-};
-
-export default Chatbot;
-
+import React, { useState } from 'react';
+import axios from 'axios';
+import Message from './Message';
+import Welcome from './Welcome';
+import { FaPaperPlane } from 'react-icons/fa';
+
+const API_KEY = import.meta.env.VITE_GOOGLE_GEMINI_API_KEY;
+const API_URL = `https://generativelanguage.googleapis.com/v1beta/models/gemini-1.5-flash:generateContent?key=${API_KEY}`
+
+const Chatbot = () => {
+  const [messages, setMessages] = useState([]);
+  const [input, setInput] = useState('');
+  const [loading, setLoading] = useState(false)
+  const loadingMessage = {sender: "bot", text: "Please wait..."}
+
+  const sendMessage = async (e) => {
+    e.preventDefault();
+    if (input.trim() === '') return;
+
+    const newMessage = { text: input, sender: 'user' };
+    setMessages([...messages, newMessage]);
+
+    try {
+      setLoading(true)
+      const response = await axios.post(API_URL, {
+        contents: [
+          {
+            parts: [
+              { 
+                text: input 
+              }
+            ]
+          }
+        ]
+      }, {
+        headers: {
+          'Content-Type': 'application/json',
+        }
+      });
+
+      console.log(response.data)
+      const botMessage = { text: response.data?.candidates[0].content.parts[0].text.trim(), sender: 'bot' };
+      setMessages((prevMessages) => [...prevMessages, botMessage]);
+    } catch (error) {
+      console.error('Error sending message:', error);
+    }finally{
+      setLoading(false)
+    }
+
+    setInput('');
+  };
+
+  return (
+    <div className="flex flex-col items-center mx-auto w-full md:w-3/4 lg:w-2/4 shadow-lg bg-transparent h-screen p-2 pb-7">
+      <div className="flex flex-col w-full flex-1 p-2 px-4 mb-4 overflow-y-scroll bg-transparent rounded-md no-scrollbar">
+        {messages.length === 0 && <Welcome/>}
+        {messages.map((msg, index) => (
+          <Message key={index} message={msg} />
+        ))}
+        {loading && <Message message={loadingMessage} /> }
+      </div>
+      <form onSubmit={sendMessage} className="flex w-full">
+        <input
+          type="text"
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          placeholder="Type your message..."
+          className="flex-grow p-2 rounded-l-md focus:outline-none bg-gray-900 border-0 text-white"
+        />
+        <button type="submit" className="px-4 py-2 text-white bg-gray-700 rounded-r-md hover:bg-gray-800 focus:outline-none"><FaPaperPlane/></button>
+      </form>
+    </div>
+  );
+};
+
+export default Chatbot;
+
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/src/Message.jsx b/projects/react-js/intermediate/Chat-Bot/src/Message.jsx
similarity index 96%
rename from React-JS-Projects/Intermediate/Chat-Bot/src/Message.jsx
rename to projects/react-js/intermediate/Chat-Bot/src/Message.jsx
index a6ec44d9..2209485d 100644
--- a/React-JS-Projects/Intermediate/Chat-Bot/src/Message.jsx
+++ b/projects/react-js/intermediate/Chat-Bot/src/Message.jsx
@@ -1,36 +1,36 @@
-import { marked } from 'marked';
-import React from 'react';
-import { FaUser, FaRobot } from 'react-icons/fa';
-
-const Message = ({ message }) => {
-  const { text, sender } = message;
-  const messageClass = sender === 'user' ? 'bg-transparent text-white self-end' : 'self-start bg-transparent text-white';
-
-
-  const renderMessage = (message) => {
-    const htmlContent = marked(message);
-    return { __html: htmlContent };
-  };
-
-
-  return (
-    <div className={`p-2 mb-2 rounded-lg ${messageClass} whitespace-pre-wrap flex gap-3`}>
-      {
-        sender == "user" ? (
-          <>
-            <p>{text}</p>
-            <FaUser className=' bg-blue-500 p-2 rounded-full' size={40} />
-          </>
-        ) : (
-          <>
-            <FaRobot className='bg-green-500 p-2 rounded-full w-10' size={40} />
-            <p dangerouslySetInnerHTML={renderMessage(text)} className='w-fit'></p>
-          </>
-        )
-
-      }
-    </div>
-  );
-};
-
-export default Message;
+import { marked } from 'marked';
+import React from 'react';
+import { FaUser, FaRobot } from 'react-icons/fa';
+
+const Message = ({ message }) => {
+  const { text, sender } = message;
+  const messageClass = sender === 'user' ? 'bg-transparent text-white self-end' : 'self-start bg-transparent text-white';
+
+
+  const renderMessage = (message) => {
+    const htmlContent = marked(message);
+    return { __html: htmlContent };
+  };
+
+
+  return (
+    <div className={`p-2 mb-2 rounded-lg ${messageClass} whitespace-pre-wrap flex gap-3`}>
+      {
+        sender == "user" ? (
+          <>
+            <p>{text}</p>
+            <FaUser className=' bg-blue-500 p-2 rounded-full' size={40} />
+          </>
+        ) : (
+          <>
+            <FaRobot className='bg-green-500 p-2 rounded-full w-10' size={40} />
+            <p dangerouslySetInnerHTML={renderMessage(text)} className='w-fit'></p>
+          </>
+        )
+
+      }
+    </div>
+  );
+};
+
+export default Message;
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/src/Welcome.jsx b/projects/react-js/intermediate/Chat-Bot/src/Welcome.jsx
similarity index 97%
rename from React-JS-Projects/Intermediate/Chat-Bot/src/Welcome.jsx
rename to projects/react-js/intermediate/Chat-Bot/src/Welcome.jsx
index 73f4666e..29089c50 100644
--- a/React-JS-Projects/Intermediate/Chat-Bot/src/Welcome.jsx
+++ b/projects/react-js/intermediate/Chat-Bot/src/Welcome.jsx
@@ -1,23 +1,23 @@
-import { FaRobot } from "react-icons/fa";
-
-function Welcome() {
-
-
-    return (
-        <div className="flex flex-col items-center justify-center w-full flex-1 p-2 mb-4 bg-transparent text-white">
-            <FaRobot className='p-2 rounded-full' size={80}/>
-            <h1 className="text-xl font-bold mb-4">Hi there! 👋</h1>
-            <p className="mb-4">How can I help you today? Feel free to ask me anything. Here are some ideas to get you started: </p>
-
-            <div className="list-disc *:mb-2 *:text-center">
-                <p>🤔 Ask a question: I can provide summaries of factual topics or create stories.</p>
-                <p>📄 Request a task: Need help writing an email or essay?</p>
-                <p>💬 Start a discussion: Let's chat about your interests!</p>
-            </div>
-
-        </div>
-    )
-
-}
-
+import { FaRobot } from "react-icons/fa";
+
+function Welcome() {
+
+
+    return (
+        <div className="flex flex-col items-center justify-center w-full flex-1 p-2 mb-4 bg-transparent text-white">
+            <FaRobot className='p-2 rounded-full' size={80}/>
+            <h1 className="text-xl font-bold mb-4">Hi there! 👋</h1>
+            <p className="mb-4">How can I help you today? Feel free to ask me anything. Here are some ideas to get you started: </p>
+
+            <div className="list-disc *:mb-2 *:text-center">
+                <p>🤔 Ask a question: I can provide summaries of factual topics or create stories.</p>
+                <p>📄 Request a task: Need help writing an email or essay?</p>
+                <p>💬 Start a discussion: Let's chat about your interests!</p>
+            </div>
+
+        </div>
+    )
+
+}
+
 export default Welcome;
\ No newline at end of file
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/src/index.css b/projects/react-js/intermediate/Chat-Bot/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/src/index.css
rename to projects/react-js/intermediate/Chat-Bot/src/index.css
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/src/main.jsx b/projects/react-js/intermediate/Chat-Bot/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/src/main.jsx
rename to projects/react-js/intermediate/Chat-Bot/src/main.jsx
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/tailwind.config.js b/projects/react-js/intermediate/Chat-Bot/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/tailwind.config.js
rename to projects/react-js/intermediate/Chat-Bot/tailwind.config.js
diff --git a/React-JS-Projects/Intermediate/Chat-Bot/vite.config.js b/projects/react-js/intermediate/Chat-Bot/vite.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Chat-Bot/vite.config.js
rename to projects/react-js/intermediate/Chat-Bot/vite.config.js
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/.eslintrc.cjs b/projects/react-js/intermediate/Cryptocurrency-Finder/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/.eslintrc.cjs
rename to projects/react-js/intermediate/Cryptocurrency-Finder/.eslintrc.cjs
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/README.md b/projects/react-js/intermediate/Cryptocurrency-Finder/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/README.md
rename to projects/react-js/intermediate/Cryptocurrency-Finder/README.md
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/index.html b/projects/react-js/intermediate/Cryptocurrency-Finder/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/index.html
rename to projects/react-js/intermediate/Cryptocurrency-Finder/index.html
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/package.json b/projects/react-js/intermediate/Cryptocurrency-Finder/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/package.json
rename to projects/react-js/intermediate/Cryptocurrency-Finder/package.json
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/screenshot.webp b/projects/react-js/intermediate/Cryptocurrency-Finder/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/screenshot.webp
rename to projects/react-js/intermediate/Cryptocurrency-Finder/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/src/App.css b/projects/react-js/intermediate/Cryptocurrency-Finder/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/src/App.css
rename to projects/react-js/intermediate/Cryptocurrency-Finder/src/App.css
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/src/App.jsx b/projects/react-js/intermediate/Cryptocurrency-Finder/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/src/App.jsx
rename to projects/react-js/intermediate/Cryptocurrency-Finder/src/App.jsx
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/src/main.jsx b/projects/react-js/intermediate/Cryptocurrency-Finder/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/src/main.jsx
rename to projects/react-js/intermediate/Cryptocurrency-Finder/src/main.jsx
diff --git a/React-JS-Projects/Intermediate/Cryptocurrency-Finder/vite.config.js b/projects/react-js/intermediate/Cryptocurrency-Finder/vite.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Cryptocurrency-Finder/vite.config.js
rename to projects/react-js/intermediate/Cryptocurrency-Finder/vite.config.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/README.md b/projects/react-js/intermediate/Currency-Converter/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/README.md
rename to projects/react-js/intermediate/Currency-Converter/README.md
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/package.json b/projects/react-js/intermediate/Currency-Converter/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/package.json
rename to projects/react-js/intermediate/Currency-Converter/package.json
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/public/favicon.ico b/projects/react-js/intermediate/Currency-Converter/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/public/favicon.ico
rename to projects/react-js/intermediate/Currency-Converter/public/favicon.ico
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/public/index.html b/projects/react-js/intermediate/Currency-Converter/public/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/public/index.html
rename to projects/react-js/intermediate/Currency-Converter/public/index.html
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/public/logo192.png b/projects/react-js/intermediate/Currency-Converter/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/public/logo192.png
rename to projects/react-js/intermediate/Currency-Converter/public/logo192.png
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/public/logo512.png b/projects/react-js/intermediate/Currency-Converter/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/public/logo512.png
rename to projects/react-js/intermediate/Currency-Converter/public/logo512.png
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/public/manifest.json b/projects/react-js/intermediate/Currency-Converter/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/public/manifest.json
rename to projects/react-js/intermediate/Currency-Converter/public/manifest.json
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/public/robots.txt b/projects/react-js/intermediate/Currency-Converter/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/public/robots.txt
rename to projects/react-js/intermediate/Currency-Converter/public/robots.txt
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/screenshot.webp b/projects/react-js/intermediate/Currency-Converter/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/screenshot.webp
rename to projects/react-js/intermediate/Currency-Converter/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/App.css b/projects/react-js/intermediate/Currency-Converter/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/App.css
rename to projects/react-js/intermediate/Currency-Converter/src/App.css
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/App.js b/projects/react-js/intermediate/Currency-Converter/src/App.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/App.js
rename to projects/react-js/intermediate/Currency-Converter/src/App.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/App.test.js b/projects/react-js/intermediate/Currency-Converter/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/App.test.js
rename to projects/react-js/intermediate/Currency-Converter/src/App.test.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/component/CountryFlag.js b/projects/react-js/intermediate/Currency-Converter/src/component/CountryFlag.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/component/CountryFlag.js
rename to projects/react-js/intermediate/Currency-Converter/src/component/CountryFlag.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/component/Footer.jsx b/projects/react-js/intermediate/Currency-Converter/src/component/Footer.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/component/Footer.jsx
rename to projects/react-js/intermediate/Currency-Converter/src/component/Footer.jsx
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/data/CountryList.js b/projects/react-js/intermediate/Currency-Converter/src/data/CountryList.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/data/CountryList.js
rename to projects/react-js/intermediate/Currency-Converter/src/data/CountryList.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/images/bg.png b/projects/react-js/intermediate/Currency-Converter/src/images/bg.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/images/bg.png
rename to projects/react-js/intermediate/Currency-Converter/src/images/bg.png
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/index.css b/projects/react-js/intermediate/Currency-Converter/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/index.css
rename to projects/react-js/intermediate/Currency-Converter/src/index.css
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/index.js b/projects/react-js/intermediate/Currency-Converter/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/index.js
rename to projects/react-js/intermediate/Currency-Converter/src/index.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/logo.svg b/projects/react-js/intermediate/Currency-Converter/src/logo.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/logo.svg
rename to projects/react-js/intermediate/Currency-Converter/src/logo.svg
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/reportWebVitals.js b/projects/react-js/intermediate/Currency-Converter/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/reportWebVitals.js
rename to projects/react-js/intermediate/Currency-Converter/src/reportWebVitals.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/src/setupTests.js b/projects/react-js/intermediate/Currency-Converter/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/src/setupTests.js
rename to projects/react-js/intermediate/Currency-Converter/src/setupTests.js
diff --git a/React-JS-Projects/Intermediate/Currency-Converter/tailwind.config.js b/projects/react-js/intermediate/Currency-Converter/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Currency-Converter/tailwind.config.js
rename to projects/react-js/intermediate/Currency-Converter/tailwind.config.js
diff --git a/React-JS-Projects/Intermediate/Form-Validation/README.md b/projects/react-js/intermediate/Form-Validation/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Form-Validation/README.md
rename to projects/react-js/intermediate/Form-Validation/README.md
diff --git a/React-JS-Projects/Intermediate/Form-Validation/package.json b/projects/react-js/intermediate/Form-Validation/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Form-Validation/package.json
rename to projects/react-js/intermediate/Form-Validation/package.json
diff --git a/React-JS-Projects/Intermediate/Form-Validation/public/index.html b/projects/react-js/intermediate/Form-Validation/public/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Form-Validation/public/index.html
rename to projects/react-js/intermediate/Form-Validation/public/index.html
diff --git a/React-JS-Projects/Intermediate/Form-Validation/screenshot.webp b/projects/react-js/intermediate/Form-Validation/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Form-Validation/screenshot.webp
rename to projects/react-js/intermediate/Form-Validation/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Form-Validation/src/components/App.css b/projects/react-js/intermediate/Form-Validation/src/components/App.css
similarity index 94%
rename from React-JS-Projects/Intermediate/Form-Validation/src/components/App.css
rename to projects/react-js/intermediate/Form-Validation/src/components/App.css
index 2ce3922c..879d1381 100644
--- a/React-JS-Projects/Intermediate/Form-Validation/src/components/App.css
+++ b/projects/react-js/intermediate/Form-Validation/src/components/App.css
@@ -1,79 +1,79 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    text-decoration: none;
-    font-family: Verdana, Geneva, Tahoma, sans-serif;
-    font-weight: 400;
-    outline: none;
-}
-
-:root {
-    --blue:rgb(34, 34, 255);
-    --lightblue: rgb(164, 220, 255);
-}
-
-body {
-height: 100vh;
-background-image: linear-gradient(150deg, rgb(138, 210, 255), rgb(69, 184, 255));
-display: flex;
-align-items: center;
-justify-content: center;
-padding: 10px;
-}
-form {
-    background-color: white;
-    padding: 15px;
-    width: 100%;
-    max-width: 400px;
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    border-radius: 5px;
-}
-h1 {
-    color: var(--blue); margin-bottom: 5px;
-}
-.input-box {
-    margin: 5px 0;
-    width: 100%;
-}
-input {
-    width: 100%;
-    border: 2px solid var(--lightblue);
-    padding: 7px 10px;
-    margin-top: 5px;
-    font-size: 15px;
-}
-label {
-    font-size: 14px;
-}
-input[type='submit'] {
-    margin-top: 10px;
-    border-radius: 20px;
-    background-color: var(--blue);
-    color: white;
-    cursor: pointer;
-    border: 2px solid var(--blue);
-}
-input[type='submit']:hover {
-    background-color: rgb(2, 2, 230);
-}
-.msg {
-    font-size: 13px;
-    text-align: center;
-}
-a:hover {
-    text-decoration: underline;
-}
-
-small {
-    color: rgb(255, 0, 0);
-}
-
-p {
-    color: rgb(53, 177, 53);
-    margin: 10px;
-    padding: 5px;
-    background-color: rgb(225, 255, 225); width: 100%;text-align: center;
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    text-decoration: none;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+    font-weight: 400;
+    outline: none;
+}
+
+:root {
+    --blue:rgb(34, 34, 255);
+    --lightblue: rgb(164, 220, 255);
+}
+
+body {
+height: 100vh;
+background-image: linear-gradient(150deg, rgb(138, 210, 255), rgb(69, 184, 255));
+display: flex;
+align-items: center;
+justify-content: center;
+padding: 10px;
+}
+form {
+    background-color: white;
+    padding: 15px;
+    width: 100%;
+    max-width: 400px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    border-radius: 5px;
+}
+h1 {
+    color: var(--blue); margin-bottom: 5px;
+}
+.input-box {
+    margin: 5px 0;
+    width: 100%;
+}
+input {
+    width: 100%;
+    border: 2px solid var(--lightblue);
+    padding: 7px 10px;
+    margin-top: 5px;
+    font-size: 15px;
+}
+label {
+    font-size: 14px;
+}
+input[type='submit'] {
+    margin-top: 10px;
+    border-radius: 20px;
+    background-color: var(--blue);
+    color: white;
+    cursor: pointer;
+    border: 2px solid var(--blue);
+}
+input[type='submit']:hover {
+    background-color: rgb(2, 2, 230);
+}
+.msg {
+    font-size: 13px;
+    text-align: center;
+}
+a:hover {
+    text-decoration: underline;
+}
+
+small {
+    color: rgb(255, 0, 0);
+}
+
+p {
+    color: rgb(53, 177, 53);
+    margin: 10px;
+    padding: 5px;
+    background-color: rgb(225, 255, 225); width: 100%;text-align: center;
 }
\ No newline at end of file
diff --git a/React-JS-Projects/Intermediate/Form-Validation/src/components/App.js b/projects/react-js/intermediate/Form-Validation/src/components/App.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Form-Validation/src/components/App.js
rename to projects/react-js/intermediate/Form-Validation/src/components/App.js
diff --git a/React-JS-Projects/Intermediate/Form-Validation/src/index.js b/projects/react-js/intermediate/Form-Validation/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Form-Validation/src/index.js
rename to projects/react-js/intermediate/Form-Validation/src/index.js
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/README.md b/projects/react-js/intermediate/GitHub-Profile-Viewer/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/README.md
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/README.md
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/images/image01.png b/projects/react-js/intermediate/GitHub-Profile-Viewer/images/image01.png
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/images/image01.png
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/images/image01.png
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/images/image02.png b/projects/react-js/intermediate/GitHub-Profile-Viewer/images/image02.png
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/images/image02.png
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/images/image02.png
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/index.html b/projects/react-js/intermediate/GitHub-Profile-Viewer/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/index.html
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/index.html
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/package.json b/projects/react-js/intermediate/GitHub-Profile-Viewer/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/package.json
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/package.json
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/postcss.config.js b/projects/react-js/intermediate/GitHub-Profile-Viewer/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/postcss.config.js
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/postcss.config.js
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/screenshot.webp b/projects/react-js/intermediate/GitHub-Profile-Viewer/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/screenshot.webp
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/App.jsx b/projects/react-js/intermediate/GitHub-Profile-Viewer/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/App.jsx
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/src/App.jsx
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/Profile.jsx b/projects/react-js/intermediate/GitHub-Profile-Viewer/src/Profile.jsx
similarity index 97%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/Profile.jsx
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/src/Profile.jsx
index 2c84c6d4..6c33d412 100644
--- a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/Profile.jsx
+++ b/projects/react-js/intermediate/GitHub-Profile-Viewer/src/Profile.jsx
@@ -1,178 +1,178 @@
-import React, { useState, useEffect } from 'react';
-import { FaExternalLinkAlt, FaStar, FaCodeBranch, FaAngleRight, FaAngleLeft } from 'react-icons/fa';
-import axios from 'axios';
-import {filterRepos, Info } from './Utils';
-
-const Profile = ({ username }) => {
-  const [profile, setProfile] = useState(null);
-  const [repos, setRepos] = useState([]);
-  const [filteredRepos, setFilteredRepos] = useState(repos);
-  const [filter, setFilter] = useState('');
-  const [page, setPage] = useState(1);
-  const [sortOption, setSortOption] = useState('newest');
-  const [totalPages, setTotalPages] = useState(true);
-  const [loading, setloading] = useState(false)
-  const [error, setError] = useState(false)
-  const perPage = 30;
-
-  const fetchProfile = async () => {
-    setloading(true)
-    try {
-      const profileResponse = await axios.get(`https://api.github.com/users/${username}`);
-      const pages = Math.floor((profile?.public_repos/perPage)+1)
-      setTotalPages(pages)
-      setError(false)
-      setProfile(profileResponse.data);
-    } catch (error) {
-      setError(true)
-      console.error('Error fetching profile data:', error);
-    } finally {
-      setloading(false)
-    }
-  };
-
-  const fetchRepos = async () => {
-    if (!page===totalPages) return;
-
-    try {
-      setloading(true)
-      const reposResponse = await axios.get(
-        `https://api.github.com/users/${username}/repos`,
-        {
-          params: {
-            per_page: perPage,
-            page: page,
-          },
-        }
-      );
-      setError(false)
-      setRepos((prevRepos) => [...reposResponse.data]);
-    } catch (error) {
-      setError(true)
-      console.error('Error fetching repositories:', error);
-    } finally {
-      setloading(false)
-    }
-  };
-
-  useEffect(() => {
-    setProfile(null)
-    setRepos([])
-    setPage(1)
-    setSortOption('newest')
-    fetchProfile();
-  }, [username]);
-
-  useEffect(() => {
-    fetchRepos();
-  }, [username, page]);
-
-  useEffect(() => {
-    setFilteredRepos(filterRepos(filter, sortOption, repos));
-  }, [repos, filter, sortOption])
-
-  if (loading) return <Info message="Loading..." />
-  else if (error) return <Info message="Unable to fetch data right now. Please try again later!" />
-
-  return (
-    <div className="mt-5">
-      {profile && <ProfileCard profile={profile} />}
-
-      <FilterCard filter={filter} sortOption={sortOption} page={page} hasMore={page!==totalPages} setFilter={setFilter} setSortOption={setSortOption} setPage={setPage}/>
-
-      <ReposList filteredRepos={filteredRepos} />
-    </div>
-  );
-};
-
-export default Profile;
-
-
-
-function ProfileCard({ profile }) {
-  return <div className="mb-4 p-4 border rounded shadow-md text-center">
-    <h1 className="text-2xl font-bold flex gap-3 items-center justify-center">
-      <img src={profile.avatar_url} className='h-8 w-8 rounded-full border-2 border-grey-500' />
-      {profile.name}
-    </h1>
-    <p className="my-2">{profile.bio}</p>
-    <p>{profile.followers} Followers | {profile.following} Following</p>
-    <a
-      href={profile.html_url}
-      target="_blank"
-      rel="noopener noreferrer"
-      className="mt-2 inline-block text-blue-300 underline hover:text-blue-500"
-    >
-      View Profile
-    </a>
-  </div>
-}
-
-function FilterCard({ filter, sortOption, page, hasMore, setFilter, setSortOption, setPage }) {
-  return <div className='flex gap-2'>
-            <div className="mb-3">
-              <input
-                type="text"
-                className="p-2 border rounded w-full text-sm"
-                placeholder="Search repositories"
-                value={filter}
-                onChange={(e) => setFilter(e.target.value)}
-              />
-            </div>
-
-            <div className="mb-3 mr-auto">
-              <select
-                className="p-2 border rounded w-full text-sm"
-                value={sortOption}
-                onChange={(e) => setSortOption(e.target.value)}
-              >
-                <option value="newest">Newest</option>
-                <option value="oldest">Oldest</option>
-                <option value="most_stars">Most Stars</option>
-                <option value="most_forks">Most Forks</option>
-              </select>
-            </div>
-
-            <div className='flex items-center h-full gap-2'>
-              <button
-                onClick={() => setPage((prevPage) => prevPage - 1)}
-                className='p-3 bg-black rounded disabled:opacity-20 disabled:pointer-events-none'
-                disabled={page === 1}
-              ><FaAngleLeft /></button>
-              <button
-                onClick={() => setPage((prevPage) => prevPage + 1)}
-                className='p-3 bg-black rounded disabled:opacity-20 disabled:pointer-events-none'
-                disabled={!hasMore}
-              ><FaAngleRight /></button>
-            </div>
-         </div>
-}
-
-function ReposList({filteredRepos}) {
-  return <div className='grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 '>
-            {filteredRepos.map(repo => <RepoCard repo={repo}/>)}
-         </div>
-}
-
-function RepoCard({repo}) {
-  return <div className="mb-2 p-4 border rounded shadow-white shadow-sm hover:shadow-sm" key={repo.id}>
-            <h5 className="text-xl font-bold">{repo.name}</h5>
-            <p className="mt-2 text-sm text-gray-300">{repo.description}</p>
-            <p className="mt-2 text-sm text-gray-400">Last updated on: {repo.created_at.split("T")[0]}</p>
-            <div className="flex space-x-4 mt-2 items-center">
-              <span className='flex items-center gap-1'><FaStar size={15} /> {repo.stargazers_count}</span>
-              <span className='flex items-center gap-1'><FaCodeBranch size={15} /> {repo.forks_count}</span>
-              <span>
-                <a
-                  href={repo.html_url}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="mt-2 inline-block text-gray-600"
-                >
-                  <FaExternalLinkAlt size={15} />
-                </a>
-              </span>
-            </div>
-
-         </div>
-}
+import React, { useState, useEffect } from 'react';
+import { FaExternalLinkAlt, FaStar, FaCodeBranch, FaAngleRight, FaAngleLeft } from 'react-icons/fa';
+import axios from 'axios';
+import {filterRepos, Info } from './Utils';
+
+const Profile = ({ username }) => {
+  const [profile, setProfile] = useState(null);
+  const [repos, setRepos] = useState([]);
+  const [filteredRepos, setFilteredRepos] = useState(repos);
+  const [filter, setFilter] = useState('');
+  const [page, setPage] = useState(1);
+  const [sortOption, setSortOption] = useState('newest');
+  const [totalPages, setTotalPages] = useState(true);
+  const [loading, setloading] = useState(false)
+  const [error, setError] = useState(false)
+  const perPage = 30;
+
+  const fetchProfile = async () => {
+    setloading(true)
+    try {
+      const profileResponse = await axios.get(`https://api.github.com/users/${username}`);
+      const pages = Math.floor((profile?.public_repos/perPage)+1)
+      setTotalPages(pages)
+      setError(false)
+      setProfile(profileResponse.data);
+    } catch (error) {
+      setError(true)
+      console.error('Error fetching profile data:', error);
+    } finally {
+      setloading(false)
+    }
+  };
+
+  const fetchRepos = async () => {
+    if (!page===totalPages) return;
+
+    try {
+      setloading(true)
+      const reposResponse = await axios.get(
+        `https://api.github.com/users/${username}/repos`,
+        {
+          params: {
+            per_page: perPage,
+            page: page,
+          },
+        }
+      );
+      setError(false)
+      setRepos((prevRepos) => [...reposResponse.data]);
+    } catch (error) {
+      setError(true)
+      console.error('Error fetching repositories:', error);
+    } finally {
+      setloading(false)
+    }
+  };
+
+  useEffect(() => {
+    setProfile(null)
+    setRepos([])
+    setPage(1)
+    setSortOption('newest')
+    fetchProfile();
+  }, [username]);
+
+  useEffect(() => {
+    fetchRepos();
+  }, [username, page]);
+
+  useEffect(() => {
+    setFilteredRepos(filterRepos(filter, sortOption, repos));
+  }, [repos, filter, sortOption])
+
+  if (loading) return <Info message="Loading..." />
+  else if (error) return <Info message="Unable to fetch data right now. Please try again later!" />
+
+  return (
+    <div className="mt-5">
+      {profile && <ProfileCard profile={profile} />}
+
+      <FilterCard filter={filter} sortOption={sortOption} page={page} hasMore={page!==totalPages} setFilter={setFilter} setSortOption={setSortOption} setPage={setPage}/>
+
+      <ReposList filteredRepos={filteredRepos} />
+    </div>
+  );
+};
+
+export default Profile;
+
+
+
+function ProfileCard({ profile }) {
+  return <div className="mb-4 p-4 border rounded shadow-md text-center">
+    <h1 className="text-2xl font-bold flex gap-3 items-center justify-center">
+      <img src={profile.avatar_url} className='h-8 w-8 rounded-full border-2 border-grey-500' />
+      {profile.name}
+    </h1>
+    <p className="my-2">{profile.bio}</p>
+    <p>{profile.followers} Followers | {profile.following} Following</p>
+    <a
+      href={profile.html_url}
+      target="_blank"
+      rel="noopener noreferrer"
+      className="mt-2 inline-block text-blue-300 underline hover:text-blue-500"
+    >
+      View Profile
+    </a>
+  </div>
+}
+
+function FilterCard({ filter, sortOption, page, hasMore, setFilter, setSortOption, setPage }) {
+  return <div className='flex gap-2'>
+            <div className="mb-3">
+              <input
+                type="text"
+                className="p-2 border rounded w-full text-sm"
+                placeholder="Search repositories"
+                value={filter}
+                onChange={(e) => setFilter(e.target.value)}
+              />
+            </div>
+
+            <div className="mb-3 mr-auto">
+              <select
+                className="p-2 border rounded w-full text-sm"
+                value={sortOption}
+                onChange={(e) => setSortOption(e.target.value)}
+              >
+                <option value="newest">Newest</option>
+                <option value="oldest">Oldest</option>
+                <option value="most_stars">Most Stars</option>
+                <option value="most_forks">Most Forks</option>
+              </select>
+            </div>
+
+            <div className='flex items-center h-full gap-2'>
+              <button
+                onClick={() => setPage((prevPage) => prevPage - 1)}
+                className='p-3 bg-black rounded disabled:opacity-20 disabled:pointer-events-none'
+                disabled={page === 1}
+              ><FaAngleLeft /></button>
+              <button
+                onClick={() => setPage((prevPage) => prevPage + 1)}
+                className='p-3 bg-black rounded disabled:opacity-20 disabled:pointer-events-none'
+                disabled={!hasMore}
+              ><FaAngleRight /></button>
+            </div>
+         </div>
+}
+
+function ReposList({filteredRepos}) {
+  return <div className='grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 '>
+            {filteredRepos.map(repo => <RepoCard repo={repo}/>)}
+         </div>
+}
+
+function RepoCard({repo}) {
+  return <div className="mb-2 p-4 border rounded shadow-white shadow-sm hover:shadow-sm" key={repo.id}>
+            <h5 className="text-xl font-bold">{repo.name}</h5>
+            <p className="mt-2 text-sm text-gray-300">{repo.description}</p>
+            <p className="mt-2 text-sm text-gray-400">Last updated on: {repo.created_at.split("T")[0]}</p>
+            <div className="flex space-x-4 mt-2 items-center">
+              <span className='flex items-center gap-1'><FaStar size={15} /> {repo.stargazers_count}</span>
+              <span className='flex items-center gap-1'><FaCodeBranch size={15} /> {repo.forks_count}</span>
+              <span>
+                <a
+                  href={repo.html_url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="mt-2 inline-block text-gray-600"
+                >
+                  <FaExternalLinkAlt size={15} />
+                </a>
+              </span>
+            </div>
+
+         </div>
+}
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/Utils.jsx b/projects/react-js/intermediate/GitHub-Profile-Viewer/src/Utils.jsx
similarity index 97%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/Utils.jsx
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/src/Utils.jsx
index dcd8a7ca..060d41ec 100644
--- a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/Utils.jsx
+++ b/projects/react-js/intermediate/GitHub-Profile-Viewer/src/Utils.jsx
@@ -1,27 +1,27 @@
-const handleSort = (repos, sortOption) => {
-    switch (sortOption) {
-        case 'newest':
-            return repos.sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
-        case 'oldest':
-            return repos.sort((a, b) => new Date(a.created_at) - new Date(b.created_at));
-        case 'most_stars':
-            return repos.sort((a, b) => b.stargazers_count - a.stargazers_count);
-        case 'most_forks':
-            return repos.sort((a, b) => b.forks_count - a.forks_count);
-        default:
-            return repos;
-    }
-};
-
-
-export function filterRepos(filter, sortOption, repos) {
-    const filtered = repos.filter((repo) =>
-        repo.name.toLowerCase().includes(filter.toLowerCase())
-    );
-    const sorted = handleSort(filtered, sortOption)
-    return sorted;
-}
-
-export function Info({message}) {
-    return <p className='text-center pt-52'>{message}</p>;
+const handleSort = (repos, sortOption) => {
+    switch (sortOption) {
+        case 'newest':
+            return repos.sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
+        case 'oldest':
+            return repos.sort((a, b) => new Date(a.created_at) - new Date(b.created_at));
+        case 'most_stars':
+            return repos.sort((a, b) => b.stargazers_count - a.stargazers_count);
+        case 'most_forks':
+            return repos.sort((a, b) => b.forks_count - a.forks_count);
+        default:
+            return repos;
+    }
+};
+
+
+export function filterRepos(filter, sortOption, repos) {
+    const filtered = repos.filter((repo) =>
+        repo.name.toLowerCase().includes(filter.toLowerCase())
+    );
+    const sorted = handleSort(filtered, sortOption)
+    return sorted;
+}
+
+export function Info({message}) {
+    return <p className='text-center pt-52'>{message}</p>;
 }
\ No newline at end of file
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/index.css b/projects/react-js/intermediate/GitHub-Profile-Viewer/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/index.css
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/src/index.css
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/main.jsx b/projects/react-js/intermediate/GitHub-Profile-Viewer/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/src/main.jsx
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/src/main.jsx
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/tailwind.config.js b/projects/react-js/intermediate/GitHub-Profile-Viewer/tailwind.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/tailwind.config.js
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/tailwind.config.js
diff --git a/React-JS-Projects/Intermediate/GitHub-Profile-Viewer/vite.config.js b/projects/react-js/intermediate/GitHub-Profile-Viewer/vite.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/GitHub-Profile-Viewer/vite.config.js
rename to projects/react-js/intermediate/GitHub-Profile-Viewer/vite.config.js
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/README.md b/projects/react-js/intermediate/Image-Carousel/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/README.md
rename to projects/react-js/intermediate/Image-Carousel/README.md
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/index.html b/projects/react-js/intermediate/Image-Carousel/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/index.html
rename to projects/react-js/intermediate/Image-Carousel/index.html
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/package.json b/projects/react-js/intermediate/Image-Carousel/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/package.json
rename to projects/react-js/intermediate/Image-Carousel/package.json
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/public/logo.webp b/projects/react-js/intermediate/Image-Carousel/public/logo.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/public/logo.webp
rename to projects/react-js/intermediate/Image-Carousel/public/logo.webp
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/public/manifest.json b/projects/react-js/intermediate/Image-Carousel/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/public/manifest.json
rename to projects/react-js/intermediate/Image-Carousel/public/manifest.json
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/public/robots.txt b/projects/react-js/intermediate/Image-Carousel/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/public/robots.txt
rename to projects/react-js/intermediate/Image-Carousel/public/robots.txt
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/screenshot.webp b/projects/react-js/intermediate/Image-Carousel/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/screenshot.webp
rename to projects/react-js/intermediate/Image-Carousel/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/App.css b/projects/react-js/intermediate/Image-Carousel/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/App.css
rename to projects/react-js/intermediate/Image-Carousel/src/App.css
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/App.jsx b/projects/react-js/intermediate/Image-Carousel/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/App.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/App.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/App.test.js b/projects/react-js/intermediate/Image-Carousel/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/App.test.js
rename to projects/react-js/intermediate/Image-Carousel/src/App.test.js
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/About.jsx b/projects/react-js/intermediate/Image-Carousel/src/Components/About.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/About.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/Components/About.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Bot.jsx b/projects/react-js/intermediate/Image-Carousel/src/Components/Bot.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Bot.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Bot.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Carousel.css b/projects/react-js/intermediate/Image-Carousel/src/Components/Carousel.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Carousel.css
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Carousel.css
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Carousel.jsx b/projects/react-js/intermediate/Image-Carousel/src/Components/Carousel.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Carousel.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Carousel.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Contact.css b/projects/react-js/intermediate/Image-Carousel/src/Components/Contact.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Contact.css
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Contact.css
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Contact.jsx b/projects/react-js/intermediate/Image-Carousel/src/Components/Contact.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Contact.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Contact.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Footer.jsx b/projects/react-js/intermediate/Image-Carousel/src/Components/Footer.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Footer.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Footer.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Header.jsx b/projects/react-js/intermediate/Image-Carousel/src/Components/Header.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Header.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Header.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/Components/Help.jsx b/projects/react-js/intermediate/Image-Carousel/src/Components/Help.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/Components/Help.jsx
rename to projects/react-js/intermediate/Image-Carousel/src/Components/Help.jsx
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/index.css b/projects/react-js/intermediate/Image-Carousel/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/index.css
rename to projects/react-js/intermediate/Image-Carousel/src/index.css
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/index.js b/projects/react-js/intermediate/Image-Carousel/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/index.js
rename to projects/react-js/intermediate/Image-Carousel/src/index.js
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/reportWebVitals.js b/projects/react-js/intermediate/Image-Carousel/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/reportWebVitals.js
rename to projects/react-js/intermediate/Image-Carousel/src/reportWebVitals.js
diff --git a/React-JS-Projects/Intermediate/Image-Carousel/src/setupTests.js b/projects/react-js/intermediate/Image-Carousel/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Image-Carousel/src/setupTests.js
rename to projects/react-js/intermediate/Image-Carousel/src/setupTests.js
diff --git a/React-JS-Projects/Intermediate/Interview-Report/.eslintrc.cjs b/projects/react-js/intermediate/Interview-Report/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/.eslintrc.cjs
rename to projects/react-js/intermediate/Interview-Report/.eslintrc.cjs
diff --git a/React-JS-Projects/Intermediate/Interview-Report/README.md b/projects/react-js/intermediate/Interview-Report/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/README.md
rename to projects/react-js/intermediate/Interview-Report/README.md
diff --git a/React-JS-Projects/Intermediate/Interview-Report/index.html b/projects/react-js/intermediate/Interview-Report/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/index.html
rename to projects/react-js/intermediate/Interview-Report/index.html
diff --git a/React-JS-Projects/Intermediate/Interview-Report/package.json b/projects/react-js/intermediate/Interview-Report/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/package.json
rename to projects/react-js/intermediate/Interview-Report/package.json
diff --git a/React-JS-Projects/Intermediate/Interview-Report/postcss.config.js b/projects/react-js/intermediate/Interview-Report/postcss.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/postcss.config.js
rename to projects/react-js/intermediate/Interview-Report/postcss.config.js
diff --git a/React-JS-Projects/Intermediate/Interview-Report/public/vite.svg b/projects/react-js/intermediate/Interview-Report/public/vite.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/public/vite.svg
rename to projects/react-js/intermediate/Interview-Report/public/vite.svg
diff --git a/React-JS-Projects/Intermediate/Interview-Report/screnshot.webp b/projects/react-js/intermediate/Interview-Report/screnshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/screnshot.webp
rename to projects/react-js/intermediate/Interview-Report/screnshot.webp
diff --git a/React-JS-Projects/Intermediate/Interview-Report/src/App.css b/projects/react-js/intermediate/Interview-Report/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/src/App.css
rename to projects/react-js/intermediate/Interview-Report/src/App.css
diff --git a/React-JS-Projects/Intermediate/Interview-Report/src/App.jsx b/projects/react-js/intermediate/Interview-Report/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/src/App.jsx
rename to projects/react-js/intermediate/Interview-Report/src/App.jsx
diff --git a/React-JS-Projects/Intermediate/Interview-Report/src/index.css b/projects/react-js/intermediate/Interview-Report/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/src/index.css
rename to projects/react-js/intermediate/Interview-Report/src/index.css
diff --git a/React-JS-Projects/Intermediate/Interview-Report/src/main.jsx b/projects/react-js/intermediate/Interview-Report/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/src/main.jsx
rename to projects/react-js/intermediate/Interview-Report/src/main.jsx
diff --git a/React-JS-Projects/Intermediate/Interview-Report/vite.config.js b/projects/react-js/intermediate/Interview-Report/vite.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Interview-Report/vite.config.js
rename to projects/react-js/intermediate/Interview-Report/vite.config.js
diff --git a/React-JS-Projects/Intermediate/Movie-Land/README.md b/projects/react-js/intermediate/Movie-Land/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/README.md
rename to projects/react-js/intermediate/Movie-Land/README.md
diff --git a/React-JS-Projects/Intermediate/Movie-Land/package.json b/projects/react-js/intermediate/Movie-Land/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/package.json
rename to projects/react-js/intermediate/Movie-Land/package.json
diff --git a/React-JS-Projects/Intermediate/Movie-Land/public/index.html b/projects/react-js/intermediate/Movie-Land/public/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/public/index.html
rename to projects/react-js/intermediate/Movie-Land/public/index.html
diff --git a/React-JS-Projects/Intermediate/Movie-Land/screenshot.webp b/projects/react-js/intermediate/Movie-Land/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/screenshot.webp
rename to projects/react-js/intermediate/Movie-Land/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Movie-Land/src/App.css b/projects/react-js/intermediate/Movie-Land/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/src/App.css
rename to projects/react-js/intermediate/Movie-Land/src/App.css
diff --git a/React-JS-Projects/Intermediate/Movie-Land/src/App.js b/projects/react-js/intermediate/Movie-Land/src/App.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/src/App.js
rename to projects/react-js/intermediate/Movie-Land/src/App.js
diff --git a/React-JS-Projects/Intermediate/Movie-Land/src/MovieCard.jsx b/projects/react-js/intermediate/Movie-Land/src/MovieCard.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/src/MovieCard.jsx
rename to projects/react-js/intermediate/Movie-Land/src/MovieCard.jsx
diff --git a/React-JS-Projects/Intermediate/Movie-Land/src/index.js b/projects/react-js/intermediate/Movie-Land/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/src/index.js
rename to projects/react-js/intermediate/Movie-Land/src/index.js
diff --git a/React-JS-Projects/Intermediate/Movie-Land/src/search.svg b/projects/react-js/intermediate/Movie-Land/src/search.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Movie-Land/src/search.svg
rename to projects/react-js/intermediate/Movie-Land/src/search.svg
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/README.md b/projects/react-js/intermediate/Myntra-Clone/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/README.md
rename to projects/react-js/intermediate/Myntra-Clone/README.md
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/package.json b/projects/react-js/intermediate/Myntra-Clone/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/package.json
rename to projects/react-js/intermediate/Myntra-Clone/package.json
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/pnpm-lock.yaml b/projects/react-js/intermediate/Myntra-Clone/pnpm-lock.yaml
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/pnpm-lock.yaml
rename to projects/react-js/intermediate/Myntra-Clone/pnpm-lock.yaml
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/app-store.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/app-store.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/app-store.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/app-store.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand1.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand1.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand1.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand1.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand10.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand10.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand10.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand10.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand11.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand11.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand11.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand11.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand12.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand12.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand12.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand12.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand13.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand13.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand13.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand13.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand14.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand14.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand14.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand14.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand15.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand15.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand15.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand15.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand16.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand16.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand16.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand16.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand17.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand17.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand17.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand17.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand18.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand18.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand18.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand18.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand19.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand19.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand19.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand19.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand2.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand2.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand2.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand2.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand20.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand20.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand20.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand20.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand21.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand21.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand21.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand21.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand22.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand22.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand22.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand22.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand23.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand23.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand23.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand23.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand24.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand24.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand24.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand24.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand3.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand3.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand3.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand3.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand4.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand4.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand4.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand4.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand5.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand5.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand5.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand5.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand6.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand6.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand6.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand6.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand7.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand7.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand7.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand7.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand8.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand8.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand8.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand8.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand9.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/brand9.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/brand9.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/brand9.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category1.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category1.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category1.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category1.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category10.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category10.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category10.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category10.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category11.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category11.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category11.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category11.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category12.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category12.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category12.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category12.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category13.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category13.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category13.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category13.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category14.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category14.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category14.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category14.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category15.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category15.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category15.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category15.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category16.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category16.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category16.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category16.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category17.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category17.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category17.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category17.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category18.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category18.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category18.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category18.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category19.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category19.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category19.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category19.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category2.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category2.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category2.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category2.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category20.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category20.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category20.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category20.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category21.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category21.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category21.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category21.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category22.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category22.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category22.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category22.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category23.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category23.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category23.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category23.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category24.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category24.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category24.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category24.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category25.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category25.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category25.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category25.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category26.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category26.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category26.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category26.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category27.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category27.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category27.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category27.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category28.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category28.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category28.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category28.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category29.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category29.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category29.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category29.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category3.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category3.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category3.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category3.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category30.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category30.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category30.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category30.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category31.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category31.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category31.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category31.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category32.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category32.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category32.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category32.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category33.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category33.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category33.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category33.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category4.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category4.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category4.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category4.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category5.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category5.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category5.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category5.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category6.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category6.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category6.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category6.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category7.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category7.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category7.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category7.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category8.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category8.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category8.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category8.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category9.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/category9.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/category9.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/category9.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global1.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global1.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global1.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global1.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global10.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global10.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global10.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global10.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global11.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global11.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global11.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global11.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global12.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global12.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global12.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global12.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global2.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global2.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global2.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global2.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global3.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global3.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global3.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global3.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global4.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global4.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global4.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global4.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global5.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global5.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global5.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global5.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global6.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global6.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global6.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global6.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global7.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global7.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global7.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global7.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global8.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global8.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global8.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global8.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global9.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/global9.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/global9.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/global9.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/google-play.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/google-play.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/google-play.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/google-play.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/myntralogo.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/myntralogo.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/myntralogo.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/myntralogo.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide1.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/slide1.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide1.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/slide1.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide2.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/slide2.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide2.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/slide2.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide3.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/slide3.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide3.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/slide3.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide4.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/slide4.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide4.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/slide4.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide5.png b/projects/react-js/intermediate/Myntra-Clone/public/assets/slide5.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/assets/slide5.png
rename to projects/react-js/intermediate/Myntra-Clone/public/assets/slide5.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/favicon.ico b/projects/react-js/intermediate/Myntra-Clone/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/favicon.ico
rename to projects/react-js/intermediate/Myntra-Clone/public/favicon.ico
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/index.html b/projects/react-js/intermediate/Myntra-Clone/public/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/index.html
rename to projects/react-js/intermediate/Myntra-Clone/public/index.html
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/logo192.png b/projects/react-js/intermediate/Myntra-Clone/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/logo192.png
rename to projects/react-js/intermediate/Myntra-Clone/public/logo192.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/logo512.png b/projects/react-js/intermediate/Myntra-Clone/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/logo512.png
rename to projects/react-js/intermediate/Myntra-Clone/public/logo512.png
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/manifest.json b/projects/react-js/intermediate/Myntra-Clone/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/manifest.json
rename to projects/react-js/intermediate/Myntra-Clone/public/manifest.json
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/public/robots.txt b/projects/react-js/intermediate/Myntra-Clone/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/public/robots.txt
rename to projects/react-js/intermediate/Myntra-Clone/public/robots.txt
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/screenshot.webp b/projects/react-js/intermediate/Myntra-Clone/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/screenshot.webp
rename to projects/react-js/intermediate/Myntra-Clone/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/App.css b/projects/react-js/intermediate/Myntra-Clone/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/App.css
rename to projects/react-js/intermediate/Myntra-Clone/src/App.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/App.js b/projects/react-js/intermediate/Myntra-Clone/src/App.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/App.js
rename to projects/react-js/intermediate/Myntra-Clone/src/App.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/App.test.js b/projects/react-js/intermediate/Myntra-Clone/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/App.test.js
rename to projects/react-js/intermediate/Myntra-Clone/src/App.test.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/Category.css b/projects/react-js/intermediate/Myntra-Clone/src/components/Category.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/Category.css
rename to projects/react-js/intermediate/Myntra-Clone/src/components/Category.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/Category.js b/projects/react-js/intermediate/Myntra-Clone/src/components/Category.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/Category.js
rename to projects/react-js/intermediate/Myntra-Clone/src/components/Category.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/Footer.css b/projects/react-js/intermediate/Myntra-Clone/src/components/Footer.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/Footer.css
rename to projects/react-js/intermediate/Myntra-Clone/src/components/Footer.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/Footer.js b/projects/react-js/intermediate/Myntra-Clone/src/components/Footer.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/Footer.js
rename to projects/react-js/intermediate/Myntra-Clone/src/components/Footer.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.css b/projects/react-js/intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.css
rename to projects/react-js/intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.js b/projects/react-js/intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.js
rename to projects/react-js/intermediate/Myntra-Clone/src/components/GlobalBrandsSlider.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/MainSlider.css b/projects/react-js/intermediate/Myntra-Clone/src/components/MainSlider.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/MainSlider.css
rename to projects/react-js/intermediate/Myntra-Clone/src/components/MainSlider.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/MainSlider.js b/projects/react-js/intermediate/Myntra-Clone/src/components/MainSlider.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/MainSlider.js
rename to projects/react-js/intermediate/Myntra-Clone/src/components/MainSlider.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/MedalBrandsSlider.css b/projects/react-js/intermediate/Myntra-Clone/src/components/MedalBrandsSlider.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/MedalBrandsSlider.css
rename to projects/react-js/intermediate/Myntra-Clone/src/components/MedalBrandsSlider.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/MedalBrandsSlider.js b/projects/react-js/intermediate/Myntra-Clone/src/components/MedalBrandsSlider.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/MedalBrandsSlider.js
rename to projects/react-js/intermediate/Myntra-Clone/src/components/MedalBrandsSlider.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/Navbar.css b/projects/react-js/intermediate/Myntra-Clone/src/components/Navbar.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/Navbar.css
rename to projects/react-js/intermediate/Myntra-Clone/src/components/Navbar.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/components/Navbar.js b/projects/react-js/intermediate/Myntra-Clone/src/components/Navbar.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/components/Navbar.js
rename to projects/react-js/intermediate/Myntra-Clone/src/components/Navbar.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/index.css b/projects/react-js/intermediate/Myntra-Clone/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/index.css
rename to projects/react-js/intermediate/Myntra-Clone/src/index.css
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/index.js b/projects/react-js/intermediate/Myntra-Clone/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/index.js
rename to projects/react-js/intermediate/Myntra-Clone/src/index.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/logo.svg b/projects/react-js/intermediate/Myntra-Clone/src/logo.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/logo.svg
rename to projects/react-js/intermediate/Myntra-Clone/src/logo.svg
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/reportWebVitals.js b/projects/react-js/intermediate/Myntra-Clone/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/reportWebVitals.js
rename to projects/react-js/intermediate/Myntra-Clone/src/reportWebVitals.js
diff --git a/React-JS-Projects/Intermediate/Myntra-Clone/src/setupTests.js b/projects/react-js/intermediate/Myntra-Clone/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Myntra-Clone/src/setupTests.js
rename to projects/react-js/intermediate/Myntra-Clone/src/setupTests.js
diff --git a/React-JS-Projects/Intermediate/Quiz-App/.eslintrc.cjs b/projects/react-js/intermediate/Quiz-App/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/.eslintrc.cjs
rename to projects/react-js/intermediate/Quiz-App/.eslintrc.cjs
diff --git a/React-JS-Projects/Intermediate/Quiz-App/README.md b/projects/react-js/intermediate/Quiz-App/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/README.md
rename to projects/react-js/intermediate/Quiz-App/README.md
diff --git a/React-JS-Projects/Intermediate/Quiz-App/index.html b/projects/react-js/intermediate/Quiz-App/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/index.html
rename to projects/react-js/intermediate/Quiz-App/index.html
diff --git a/React-JS-Projects/Intermediate/Quiz-App/package.json b/projects/react-js/intermediate/Quiz-App/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/package.json
rename to projects/react-js/intermediate/Quiz-App/package.json
diff --git a/React-JS-Projects/Intermediate/Quiz-App/screenshot.webp b/projects/react-js/intermediate/Quiz-App/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/screenshot.webp
rename to projects/react-js/intermediate/Quiz-App/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Quiz-App/src/App.css b/projects/react-js/intermediate/Quiz-App/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/src/App.css
rename to projects/react-js/intermediate/Quiz-App/src/App.css
diff --git a/React-JS-Projects/Intermediate/Quiz-App/src/App.jsx b/projects/react-js/intermediate/Quiz-App/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/src/App.jsx
rename to projects/react-js/intermediate/Quiz-App/src/App.jsx
diff --git a/React-JS-Projects/Intermediate/Quiz-App/src/Components/Quiz.jsx b/projects/react-js/intermediate/Quiz-App/src/Components/Quiz.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/src/Components/Quiz.jsx
rename to projects/react-js/intermediate/Quiz-App/src/Components/Quiz.jsx
diff --git a/React-JS-Projects/Intermediate/Quiz-App/src/Components/QuizResult.jsx b/projects/react-js/intermediate/Quiz-App/src/Components/QuizResult.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/src/Components/QuizResult.jsx
rename to projects/react-js/intermediate/Quiz-App/src/Components/QuizResult.jsx
diff --git a/React-JS-Projects/Intermediate/Quiz-App/src/Data/QuizData.jsx b/projects/react-js/intermediate/Quiz-App/src/Data/QuizData.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/src/Data/QuizData.jsx
rename to projects/react-js/intermediate/Quiz-App/src/Data/QuizData.jsx
diff --git a/React-JS-Projects/Intermediate/Quiz-App/src/main.jsx b/projects/react-js/intermediate/Quiz-App/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/src/main.jsx
rename to projects/react-js/intermediate/Quiz-App/src/main.jsx
diff --git a/React-JS-Projects/Intermediate/Quiz-App/vite.config.js b/projects/react-js/intermediate/Quiz-App/vite.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Quiz-App/vite.config.js
rename to projects/react-js/intermediate/Quiz-App/vite.config.js
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/.eslintrc.cjs b/projects/react-js/intermediate/Random-Bible-Verse/.eslintrc.cjs
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/.eslintrc.cjs
rename to projects/react-js/intermediate/Random-Bible-Verse/.eslintrc.cjs
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/README.md b/projects/react-js/intermediate/Random-Bible-Verse/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/README.md
rename to projects/react-js/intermediate/Random-Bible-Verse/README.md
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/assets/icon.png b/projects/react-js/intermediate/Random-Bible-Verse/assets/icon.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/assets/icon.png
rename to projects/react-js/intermediate/Random-Bible-Verse/assets/icon.png
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/index.html b/projects/react-js/intermediate/Random-Bible-Verse/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/index.html
rename to projects/react-js/intermediate/Random-Bible-Verse/index.html
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/package.json b/projects/react-js/intermediate/Random-Bible-Verse/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/package.json
rename to projects/react-js/intermediate/Random-Bible-Verse/package.json
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/screenshot.webp b/projects/react-js/intermediate/Random-Bible-Verse/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/screenshot.webp
rename to projects/react-js/intermediate/Random-Bible-Verse/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/src/App.css b/projects/react-js/intermediate/Random-Bible-Verse/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/src/App.css
rename to projects/react-js/intermediate/Random-Bible-Verse/src/App.css
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/src/App.jsx b/projects/react-js/intermediate/Random-Bible-Verse/src/App.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/src/App.jsx
rename to projects/react-js/intermediate/Random-Bible-Verse/src/App.jsx
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/src/main.jsx b/projects/react-js/intermediate/Random-Bible-Verse/src/main.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/src/main.jsx
rename to projects/react-js/intermediate/Random-Bible-Verse/src/main.jsx
diff --git a/React-JS-Projects/Intermediate/Random-Bible-Verse/vite.config.js b/projects/react-js/intermediate/Random-Bible-Verse/vite.config.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Random-Bible-Verse/vite.config.js
rename to projects/react-js/intermediate/Random-Bible-Verse/vite.config.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/README.md b/projects/react-js/intermediate/Tesla-Clone/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/README.md
rename to projects/react-js/intermediate/Tesla-Clone/README.md
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/package.json b/projects/react-js/intermediate/Tesla-Clone/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/package.json
rename to projects/react-js/intermediate/Tesla-Clone/package.json
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/favicon.ico b/projects/react-js/intermediate/Tesla-Clone/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/favicon.ico
rename to projects/react-js/intermediate/Tesla-Clone/public/favicon.ico
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/accessories.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/accessories.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/accessories.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/accessories.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/audio.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/audio.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/audio.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/audio.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/connected.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/connected.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/connected.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/connected.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/down-arrow.svg b/projects/react-js/intermediate/Tesla-Clone/public/images/down-arrow.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/down-arrow.svg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/down-arrow.svg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/favicon.ico b/projects/react-js/intermediate/Tesla-Clone/public/images/favicon.ico
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/favicon.ico
rename to projects/react-js/intermediate/Tesla-Clone/public/images/favicon.ico
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/game.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/game.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/game.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/game.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/logo.svg b/projects/react-js/intermediate/Tesla-Clone/public/images/logo.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/logo.svg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/logo.svg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-3.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/model-3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-3.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/model-3.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-s.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/model-s.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-s.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/model-s.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-x.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/model-x.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-x.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/model-x.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-y.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/model-y.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/model-y.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/model-y.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/new-interior.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/new-interior.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/new-interior.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/new-interior.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/solar-panel.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/solar-panel.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/solar-panel.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/solar-panel.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/images/solar-roof.jpg b/projects/react-js/intermediate/Tesla-Clone/public/images/solar-roof.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/images/solar-roof.jpg
rename to projects/react-js/intermediate/Tesla-Clone/public/images/solar-roof.jpg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/index.html b/projects/react-js/intermediate/Tesla-Clone/public/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/index.html
rename to projects/react-js/intermediate/Tesla-Clone/public/index.html
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/logo192.png b/projects/react-js/intermediate/Tesla-Clone/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/logo192.png
rename to projects/react-js/intermediate/Tesla-Clone/public/logo192.png
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/logo512.png b/projects/react-js/intermediate/Tesla-Clone/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/logo512.png
rename to projects/react-js/intermediate/Tesla-Clone/public/logo512.png
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/manifest.json b/projects/react-js/intermediate/Tesla-Clone/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/manifest.json
rename to projects/react-js/intermediate/Tesla-Clone/public/manifest.json
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/public/robots.txt b/projects/react-js/intermediate/Tesla-Clone/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/public/robots.txt
rename to projects/react-js/intermediate/Tesla-Clone/public/robots.txt
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/screenshot.webp b/projects/react-js/intermediate/Tesla-Clone/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/screenshot.webp
rename to projects/react-js/intermediate/Tesla-Clone/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/App.css b/projects/react-js/intermediate/Tesla-Clone/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/App.css
rename to projects/react-js/intermediate/Tesla-Clone/src/App.css
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/App.js b/projects/react-js/intermediate/Tesla-Clone/src/App.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/App.js
rename to projects/react-js/intermediate/Tesla-Clone/src/App.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/App.test.js b/projects/react-js/intermediate/Tesla-Clone/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/App.test.js
rename to projects/react-js/intermediate/Tesla-Clone/src/App.test.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/app/store.js b/projects/react-js/intermediate/Tesla-Clone/src/app/store.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/app/store.js
rename to projects/react-js/intermediate/Tesla-Clone/src/app/store.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/components/Header.js b/projects/react-js/intermediate/Tesla-Clone/src/components/Header.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/components/Header.js
rename to projects/react-js/intermediate/Tesla-Clone/src/components/Header.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/components/Home.js b/projects/react-js/intermediate/Tesla-Clone/src/components/Home.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/components/Home.js
rename to projects/react-js/intermediate/Tesla-Clone/src/components/Home.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/components/Section.js b/projects/react-js/intermediate/Tesla-Clone/src/components/Section.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/components/Section.js
rename to projects/react-js/intermediate/Tesla-Clone/src/components/Section.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/features/car/carSlice.js b/projects/react-js/intermediate/Tesla-Clone/src/features/car/carSlice.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/features/car/carSlice.js
rename to projects/react-js/intermediate/Tesla-Clone/src/features/car/carSlice.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/index.css b/projects/react-js/intermediate/Tesla-Clone/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/index.css
rename to projects/react-js/intermediate/Tesla-Clone/src/index.css
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/index.js b/projects/react-js/intermediate/Tesla-Clone/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/index.js
rename to projects/react-js/intermediate/Tesla-Clone/src/index.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/logo.svg b/projects/react-js/intermediate/Tesla-Clone/src/logo.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/logo.svg
rename to projects/react-js/intermediate/Tesla-Clone/src/logo.svg
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/reportWebVitals.js b/projects/react-js/intermediate/Tesla-Clone/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/reportWebVitals.js
rename to projects/react-js/intermediate/Tesla-Clone/src/reportWebVitals.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/src/setupTests.js b/projects/react-js/intermediate/Tesla-Clone/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/src/setupTests.js
rename to projects/react-js/intermediate/Tesla-Clone/src/setupTests.js
diff --git a/React-JS-Projects/Intermediate/Tesla-Clone/yarn.lock b/projects/react-js/intermediate/Tesla-Clone/yarn.lock
similarity index 100%
rename from React-JS-Projects/Intermediate/Tesla-Clone/yarn.lock
rename to projects/react-js/intermediate/Tesla-Clone/yarn.lock
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/README.md b/projects/react-js/intermediate/Tspot-Travel-App/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/README.md
rename to projects/react-js/intermediate/Tspot-Travel-App/README.md
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/final-readme.txt b/projects/react-js/intermediate/Tspot-Travel-App/final-readme.txt
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/final-readme.txt
rename to projects/react-js/intermediate/Tspot-Travel-App/final-readme.txt
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/package.json b/projects/react-js/intermediate/Tspot-Travel-App/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/package.json
rename to projects/react-js/intermediate/Tspot-Travel-App/package.json
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/favicon.ico b/projects/react-js/intermediate/Tspot-Travel-App/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/favicon.ico
rename to projects/react-js/intermediate/Tspot-Travel-App/public/favicon.ico
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img01.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img01.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img01.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img01.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img02.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img02.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img02.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img02.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img03.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img03.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img03.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img03.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img04.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img04.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img04.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img04.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img05.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img05.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img05.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img05.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img06.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img06.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img06.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img06.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img07.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img07.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img07.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img07.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img08.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img08.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img08.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img08.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img09.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img09.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img09.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img09.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img10.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img10.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img10.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img10.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img11.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img11.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img11.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img11.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img12.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img12.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img12.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img12.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img13.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img13.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img13.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img13.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img14.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img14.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img14.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img14.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img15.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img15.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img15.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img15.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img16.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img16.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/destination-img16.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/destination-img16.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-4.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-4.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-4.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-4.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-5.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-5.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-5.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-5.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-6.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-6.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-6.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-6.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-7.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-7.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-7.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-7.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-8.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-8.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-8.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-8.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-9.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-9.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-9.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-9.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-home.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/img-home.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/img-home.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/img-home.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s1-img1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s1-img1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s1-img1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s1-img1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s1-img2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s1-img2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s1-img2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s1-img2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s1-img3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s1-img3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s1-img3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s1-img3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s2-img1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s2-img1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s2-img1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s2-img1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s2-img2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s2-img2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s2-img2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s2-img2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s2-img3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s2-img3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s2-img3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s2-img3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s3-img1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s3-img1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s3-img1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s3-img1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s3-img2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s3-img2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s3-img2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s3-img2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s3-img3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s3-img3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s3-img3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s3-img3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s4-img1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s4-img1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s4-img1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s4-img1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s4-img2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s4-img2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s4-img2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s4-img2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s4-img3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s4-img3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s4-img3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s4-img3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s5-img1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s5-img1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s5-img1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s5-img1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s5-img2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s5-img2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s5-img2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s5-img2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s5-img3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s5-img3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s5-img3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s5-img3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s6-img1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s6-img1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s6-img1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s6-img1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s6-img2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s6-img2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s6-img2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s6-img2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s6-img3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/public/images/s6-img3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/images/s6-img3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/public/images/s6-img3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/index.html b/projects/react-js/intermediate/Tspot-Travel-App/public/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/index.html
rename to projects/react-js/intermediate/Tspot-Travel-App/public/index.html
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/logo192.png b/projects/react-js/intermediate/Tspot-Travel-App/public/logo192.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/logo192.png
rename to projects/react-js/intermediate/Tspot-Travel-App/public/logo192.png
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/logo512.png b/projects/react-js/intermediate/Tspot-Travel-App/public/logo512.png
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/logo512.png
rename to projects/react-js/intermediate/Tspot-Travel-App/public/logo512.png
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/manifest.json b/projects/react-js/intermediate/Tspot-Travel-App/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/manifest.json
rename to projects/react-js/intermediate/Tspot-Travel-App/public/manifest.json
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/public/robots.txt b/projects/react-js/intermediate/Tspot-Travel-App/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/public/robots.txt
rename to projects/react-js/intermediate/Tspot-Travel-App/public/robots.txt
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/screenshot.webp b/projects/react-js/intermediate/Tspot-Travel-App/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/screenshot.webp
rename to projects/react-js/intermediate/Tspot-Travel-App/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.css b/projects/react-js/intermediate/Tspot-Travel-App/src/App.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.css
rename to projects/react-js/intermediate/Tspot-Travel-App/src/App.css
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.js b/projects/react-js/intermediate/Tspot-Travel-App/src/App.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/App.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.scss b/projects/react-js/intermediate/Tspot-Travel-App/src/App.scss
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.scss
rename to projects/react-js/intermediate/Tspot-Travel-App/src/App.scss
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.test.js b/projects/react-js/intermediate/Tspot-Travel-App/src/App.test.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/App.test.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/App.test.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Button.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Button.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Button.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Button.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Button.scss b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Button.scss
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Button.scss
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Button.scss
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/CardItem.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/CardItem.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/CardItem.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/CardItem.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Cards.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Cards.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Cards.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Cards.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Cards.scss b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Cards.scss
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Cards.scss
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Cards.scss
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Footer.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Footer.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Footer.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Footer.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Footer.scss b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Footer.scss
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Footer.scss
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Footer.scss
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/HeroSection.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/HeroSection.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/HeroSection.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/HeroSection.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/HeroSection.scss b/projects/react-js/intermediate/Tspot-Travel-App/src/components/HeroSection.scss
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/HeroSection.scss
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/HeroSection.scss
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/ImageSlider.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/ImageSlider.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/ImageSlider.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/ImageSlider.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Loader.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Loader.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Loader.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Loader.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Navbar.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Navbar.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Navbar.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Navbar.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Navbar.scss b/projects/react-js/intermediate/Tspot-Travel-App/src/components/Navbar.scss
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/Navbar.scss
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/Navbar.scss
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Destinations.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Destinations.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Destinations.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Destinations.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Home.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Home.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Home.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Home.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Login.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Login.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Login.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Login.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/ProductDetail.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/ProductDetail.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/ProductDetail.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/ProductDetail.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Products.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Products.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Products.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Products.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Services.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Services.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/Services.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/Services.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/SignUp.js b/projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/SignUp.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/components/pages/SignUp.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/components/pages/SignUp.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/destinations-data.js b/projects/react-js/intermediate/Tspot-Travel-App/src/destinations-data.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/destinations-data.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/destinations-data.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img01.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img01.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img01.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img01.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img02.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img02.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img02.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img02.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img03.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img03.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img03.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img03.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img04.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img04.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img04.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img04.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img05.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img05.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img05.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img05.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img06.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img06.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img06.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img06.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img07.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img07.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img07.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img07.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img08.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img08.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img08.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img08.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img09.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img09.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img09.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img09.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img10.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img10.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img10.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img10.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img11.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img11.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img11.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img11.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img12.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img12.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img12.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img12.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img13.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img13.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img13.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img13.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img14.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img14.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img14.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img14.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img15.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img15.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img15.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img15.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img16.jpeg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img16.jpeg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/destination-img16.jpeg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/destination-img16.jpeg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-1.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-1.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-1.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-1.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-2.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-2.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-2.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-2.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-3.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-3.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-3.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-3.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-4.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-4.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-4.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-4.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-5.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-5.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-5.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-5.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-6.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-6.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-6.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-6.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-7.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-7.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-7.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-7.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-8.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-8.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-8.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-8.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-9.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-9.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-9.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-9.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-home.jpg b/projects/react-js/intermediate/Tspot-Travel-App/src/images/img-home.jpg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/images/img-home.jpg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/images/img-home.jpg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/index.css b/projects/react-js/intermediate/Tspot-Travel-App/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/index.css
rename to projects/react-js/intermediate/Tspot-Travel-App/src/index.css
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/index.js b/projects/react-js/intermediate/Tspot-Travel-App/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/index.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/index.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/logo.svg b/projects/react-js/intermediate/Tspot-Travel-App/src/logo.svg
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/logo.svg
rename to projects/react-js/intermediate/Tspot-Travel-App/src/logo.svg
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/reportWebVitals.js b/projects/react-js/intermediate/Tspot-Travel-App/src/reportWebVitals.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/reportWebVitals.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/reportWebVitals.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/services-data.js b/projects/react-js/intermediate/Tspot-Travel-App/src/services-data.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/services-data.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/services-data.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/setupTests.js b/projects/react-js/intermediate/Tspot-Travel-App/src/setupTests.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/setupTests.js
rename to projects/react-js/intermediate/Tspot-Travel-App/src/setupTests.js
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/videos/video-1.mp4 b/projects/react-js/intermediate/Tspot-Travel-App/src/videos/video-1.mp4
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/videos/video-1.mp4
rename to projects/react-js/intermediate/Tspot-Travel-App/src/videos/video-1.mp4
diff --git a/React-JS-Projects/Intermediate/Tspot-Travel-App/src/videos/video-2.mp4 b/projects/react-js/intermediate/Tspot-Travel-App/src/videos/video-2.mp4
similarity index 100%
rename from React-JS-Projects/Intermediate/Tspot-Travel-App/src/videos/video-2.mp4
rename to projects/react-js/intermediate/Tspot-Travel-App/src/videos/video-2.mp4
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/.env.example b/projects/react-js/intermediate/Youtube-Clone/.env.example
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/.env.example
rename to projects/react-js/intermediate/Youtube-Clone/.env.example
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/README.md b/projects/react-js/intermediate/Youtube-Clone/README.md
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/README.md
rename to projects/react-js/intermediate/Youtube-Clone/README.md
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/package.json b/projects/react-js/intermediate/Youtube-Clone/package.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/package.json
rename to projects/react-js/intermediate/Youtube-Clone/package.json
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/public/_redirects b/projects/react-js/intermediate/Youtube-Clone/public/_redirects
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/public/_redirects
rename to projects/react-js/intermediate/Youtube-Clone/public/_redirects
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/public/favicon.ico b/projects/react-js/intermediate/Youtube-Clone/public/favicon.ico
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/public/favicon.ico
rename to projects/react-js/intermediate/Youtube-Clone/public/favicon.ico
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/public/index.html b/projects/react-js/intermediate/Youtube-Clone/public/index.html
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/public/index.html
rename to projects/react-js/intermediate/Youtube-Clone/public/index.html
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/public/manifest.json b/projects/react-js/intermediate/Youtube-Clone/public/manifest.json
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/public/manifest.json
rename to projects/react-js/intermediate/Youtube-Clone/public/manifest.json
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/public/robots.txt b/projects/react-js/intermediate/Youtube-Clone/public/robots.txt
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/public/robots.txt
rename to projects/react-js/intermediate/Youtube-Clone/public/robots.txt
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/screenshot.webp b/projects/react-js/intermediate/Youtube-Clone/screenshot.webp
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/screenshot.webp
rename to projects/react-js/intermediate/Youtube-Clone/screenshot.webp
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/App.js b/projects/react-js/intermediate/Youtube-Clone/src/App.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/App.js
rename to projects/react-js/intermediate/Youtube-Clone/src/App.js
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/ChannelCard.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/ChannelCard.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/ChannelCard.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/ChannelCard.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/ChannelDetail.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/ChannelDetail.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/ChannelDetail.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/ChannelDetail.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/Feed.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/Feed.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/Feed.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/Feed.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/Navbar.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/Navbar.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/Navbar.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/Navbar.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/SearchFeed.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/SearchFeed.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/SearchFeed.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/SearchFeed.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/Searchbar.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/Searchbar.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/Searchbar.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/Searchbar.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/Sidebar.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/Sidebar.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/Sidebar.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/Sidebar.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/VideoCard.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/VideoCard.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/VideoCard.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/VideoCard.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/VideoDetail.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/VideoDetail.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/VideoDetail.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/VideoDetail.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/Videos.jsx b/projects/react-js/intermediate/Youtube-Clone/src/components/Videos.jsx
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/Videos.jsx
rename to projects/react-js/intermediate/Youtube-Clone/src/components/Videos.jsx
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/components/index.js b/projects/react-js/intermediate/Youtube-Clone/src/components/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/components/index.js
rename to projects/react-js/intermediate/Youtube-Clone/src/components/index.js
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/index.css b/projects/react-js/intermediate/Youtube-Clone/src/index.css
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/index.css
rename to projects/react-js/intermediate/Youtube-Clone/src/index.css
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/index.js b/projects/react-js/intermediate/Youtube-Clone/src/index.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/index.js
rename to projects/react-js/intermediate/Youtube-Clone/src/index.js
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/utils/constants.js b/projects/react-js/intermediate/Youtube-Clone/src/utils/constants.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/utils/constants.js
rename to projects/react-js/intermediate/Youtube-Clone/src/utils/constants.js
diff --git a/React-JS-Projects/Intermediate/Youtube-Clone/src/utils/fetchFromAPI.js b/projects/react-js/intermediate/Youtube-Clone/src/utils/fetchFromAPI.js
similarity index 100%
rename from React-JS-Projects/Intermediate/Youtube-Clone/src/utils/fetchFromAPI.js
rename to projects/react-js/intermediate/Youtube-Clone/src/utils/fetchFromAPI.js
diff --git a/Typescript-Projects/README.md b/projects/typescript/README.md
similarity index 100%
rename from Typescript-Projects/README.md
rename to projects/typescript/README.md
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/README.md b/projects/typescript/advanced/To-Do-List-App/README.md
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/README.md
rename to projects/typescript/advanced/To-Do-List-App/README.md
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/images/all.png b/projects/typescript/advanced/To-Do-List-App/images/all.png
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/images/all.png
rename to projects/typescript/advanced/To-Do-List-App/images/all.png
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/images/completed.png b/projects/typescript/advanced/To-Do-List-App/images/completed.png
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/images/completed.png
rename to projects/typescript/advanced/To-Do-List-App/images/completed.png
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/images/edittask.png b/projects/typescript/advanced/To-Do-List-App/images/edittask.png
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/images/edittask.png
rename to projects/typescript/advanced/To-Do-List-App/images/edittask.png
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/images/inprogress.png b/projects/typescript/advanced/To-Do-List-App/images/inprogress.png
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/images/inprogress.png
rename to projects/typescript/advanced/To-Do-List-App/images/inprogress.png
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/images/newtask.png b/projects/typescript/advanced/To-Do-List-App/images/newtask.png
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/images/newtask.png
rename to projects/typescript/advanced/To-Do-List-App/images/newtask.png
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/images/working_video.mp4 b/projects/typescript/advanced/To-Do-List-App/images/working_video.mp4
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/images/working_video.mp4
rename to projects/typescript/advanced/To-Do-List-App/images/working_video.mp4
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/index.html b/projects/typescript/advanced/To-Do-List-App/index.html
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/index.html
rename to projects/typescript/advanced/To-Do-List-App/index.html
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/package.json b/projects/typescript/advanced/To-Do-List-App/package.json
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/package.json
rename to projects/typescript/advanced/To-Do-List-App/package.json
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/postcss.config.js b/projects/typescript/advanced/To-Do-List-App/postcss.config.js
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/postcss.config.js
rename to projects/typescript/advanced/To-Do-List-App/postcss.config.js
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/screenshot.webp b/projects/typescript/advanced/To-Do-List-App/screenshot.webp
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/screenshot.webp
rename to projects/typescript/advanced/To-Do-List-App/screenshot.webp
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/App.tsx b/projects/typescript/advanced/To-Do-List-App/src/App.tsx
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/App.tsx
rename to projects/typescript/advanced/To-Do-List-App/src/App.tsx
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/Types/Task.ts b/projects/typescript/advanced/To-Do-List-App/src/Types/Task.ts
similarity index 95%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/Types/Task.ts
rename to projects/typescript/advanced/To-Do-List-App/src/Types/Task.ts
index 95fd01fb..c35572f3 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/Types/Task.ts
+++ b/projects/typescript/advanced/To-Do-List-App/src/Types/Task.ts
@@ -1,7 +1,7 @@
-export default interface Task {
-    id: string;
-    name: string;
-    dateTime: string;
-    isPinned: boolean;
-    isDone: boolean;
+export default interface Task {
+    id: string;
+    name: string;
+    dateTime: string;
+    isPinned: boolean;
+    isDone: boolean;
 }
\ No newline at end of file
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/components/AddTask.tsx b/projects/typescript/advanced/To-Do-List-App/src/components/AddTask.tsx
similarity index 97%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/components/AddTask.tsx
rename to projects/typescript/advanced/To-Do-List-App/src/components/AddTask.tsx
index 13bf9781..8e7537ac 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/components/AddTask.tsx
+++ b/projects/typescript/advanced/To-Do-List-App/src/components/AddTask.tsx
@@ -1,75 +1,75 @@
-import { useContext, useEffect, useState } from "react";
-import { FaPlus } from 'react-icons/fa';
-import { v4 as uuidv4 } from 'uuid';
-import Task from "../Types/Task";
-import TaskContext from "../contexts/TaskContext";
-
-function AddTask() {
-
-    const [taskName, setTaskName] = useState('');
-    const [taskDateTime, setTaskDateTime] = useState('');
-    const [modal, setModal] = useState(false);
-    const { addTask,  } = useContext(TaskContext);
-
-    const add = () => {
-        if (taskName && taskDateTime) {
-            const newTask: Task = {
-                id: uuidv4(),
-                name: taskName,
-                dateTime: taskDateTime,
-                isPinned: false,
-                isDone: false,
-            };
-            console.log(newTask)
-            addTask(newTask)
-            setTaskName('');
-            setTaskDateTime('');
-            setModal(false)
-        } else {
-            alert("Task name and date required!")
-        }
-    }
-
-    return (
-        <>
-
-            {
-                modal && (
-                    <div className="p-2 fixed w-full h-screen grid place-items-center top-0 left-0 bg-rgba z-10">
-                        <div className="bg-indigo-900 p-5 lg:p-11 lg:rounded-r-2xl rounded-2xl">
-                            <h2 className="text-indigo-200 font-manrope text-4xl font-semibold leading-10 mb-11">New Task</h2>
-                            <input
-                                type="text"
-                                value={taskName}
-                                onChange={(e) => setTaskName(e.target.value)}
-                                className="w-full h-12 text-white placeholder-gray-400  shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" placeholder="Task" />
-                            <input
-                                type="datetime-local"
-                                value={taskDateTime}
-                                onChange={(e) => setTaskDateTime(e.target.value)}
-                                className="w-full h-12 text-white placeholder-gray-400 shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" />
-                            <div className="flex gap-5">
-                                <button
-                                    className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-gray-500 bg-gray-400 shadow-sm"
-                                    onClick={() => setModal(false)}
-                                >Cancel</button>
-                                <button
-                                    onClick={add}
-                                    className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-indigo-700 bg-indigo-600 shadow-sm">Add</button>
-                            </div>
-                        </div>
-                    </div>
-                )
-            }
-            <button
-                className="fixed bottom-8 right-8 bg-indigo-500 text-white rounded-full hover:bg-indigo-700 transition duration-300 w-14 h-14 grid place-items-center"
-                onClick={() => setModal(true)}
-            >
-                <FaPlus size={25} />
-            </button>
-        </>
-
-    )
-}
-
+import { useContext, useEffect, useState } from "react";
+import { FaPlus } from 'react-icons/fa';
+import { v4 as uuidv4 } from 'uuid';
+import Task from "../Types/Task";
+import TaskContext from "../contexts/TaskContext";
+
+function AddTask() {
+
+    const [taskName, setTaskName] = useState('');
+    const [taskDateTime, setTaskDateTime] = useState('');
+    const [modal, setModal] = useState(false);
+    const { addTask,  } = useContext(TaskContext);
+
+    const add = () => {
+        if (taskName && taskDateTime) {
+            const newTask: Task = {
+                id: uuidv4(),
+                name: taskName,
+                dateTime: taskDateTime,
+                isPinned: false,
+                isDone: false,
+            };
+            console.log(newTask)
+            addTask(newTask)
+            setTaskName('');
+            setTaskDateTime('');
+            setModal(false)
+        } else {
+            alert("Task name and date required!")
+        }
+    }
+
+    return (
+        <>
+
+            {
+                modal && (
+                    <div className="p-2 fixed w-full h-screen grid place-items-center top-0 left-0 bg-rgba z-10">
+                        <div className="bg-indigo-900 p-5 lg:p-11 lg:rounded-r-2xl rounded-2xl">
+                            <h2 className="text-indigo-200 font-manrope text-4xl font-semibold leading-10 mb-11">New Task</h2>
+                            <input
+                                type="text"
+                                value={taskName}
+                                onChange={(e) => setTaskName(e.target.value)}
+                                className="w-full h-12 text-white placeholder-gray-400  shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" placeholder="Task" />
+                            <input
+                                type="datetime-local"
+                                value={taskDateTime}
+                                onChange={(e) => setTaskDateTime(e.target.value)}
+                                className="w-full h-12 text-white placeholder-gray-400 shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" />
+                            <div className="flex gap-5">
+                                <button
+                                    className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-gray-500 bg-gray-400 shadow-sm"
+                                    onClick={() => setModal(false)}
+                                >Cancel</button>
+                                <button
+                                    onClick={add}
+                                    className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-indigo-700 bg-indigo-600 shadow-sm">Add</button>
+                            </div>
+                        </div>
+                    </div>
+                )
+            }
+            <button
+                className="fixed bottom-8 right-8 bg-indigo-500 text-white rounded-full hover:bg-indigo-700 transition duration-300 w-14 h-14 grid place-items-center"
+                onClick={() => setModal(true)}
+            >
+                <FaPlus size={25} />
+            </button>
+        </>
+
+    )
+}
+
 export default AddTask;
\ No newline at end of file
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/components/EditTask.tsx b/projects/typescript/advanced/To-Do-List-App/src/components/EditTask.tsx
similarity index 97%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/components/EditTask.tsx
rename to projects/typescript/advanced/To-Do-List-App/src/components/EditTask.tsx
index 65a83d80..cf914084 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/components/EditTask.tsx
+++ b/projects/typescript/advanced/To-Do-List-App/src/components/EditTask.tsx
@@ -1,55 +1,55 @@
-import { useContext, useState } from "react";
-import TaskContext from "../contexts/TaskContext";
-
-function EditTask({ task, setTask }) {
-
-    const [taskName, setTaskName] = useState(task.name || '');
-    const [taskDateTime, setTaskDateTime] = useState(task.dateTime || '');
-    const { updateTask } = useContext(TaskContext);
-
-    const edit = () => {
-        if (taskName && taskDateTime) {
-            task.name = taskName;
-            task.dateTime = taskDateTime;
-            console.log(task)
-            updateTask(task)
-            setTaskName('');
-            setTaskDateTime('');
-            setTask(null)
-        } else {
-            alert("Task name and date required!")
-        }
-    }
-
-    return (
-        <>
-            <div className="p-2 fixed w-full h-screen grid place-items-center top-0 left-0 bg-rgba z-10">
-                <div className="bg-indigo-900 p-5 lg:p-11 lg:rounded-r-2xl rounded-2xl">
-                    <h2 className="text-indigo-200 font-manrope text-4xl font-semibold leading-10 mb-11">Edit Task</h2>
-                    <input
-                        type="text"
-                        value={taskName}
-                        onChange={(e) => setTaskName(e.target.value)}
-                        className="w-full h-12 text-white placeholder-gray-400  shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" placeholder="Task" />
-                    <input
-                        type="datetime-local"
-                        value={taskDateTime}
-                        onChange={(e) => setTaskDateTime(e.target.value)}
-                        className="w-full h-12 text-white placeholder-gray-400 shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" />
-                    <div className="flex gap-5">
-                        <button
-                            className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-gray-500 bg-gray-400 shadow-sm"
-                            onClick={() => setTask(null)}
-                        >Cancel</button>
-                        <button
-                            onClick={edit}
-                            className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-indigo-700 bg-indigo-600 shadow-sm">Add</button>
-                    </div>
-                </div>
-            </div>
-        </>
-
-    )
-}
-
+import { useContext, useState } from "react";
+import TaskContext from "../contexts/TaskContext";
+
+function EditTask({ task, setTask }) {
+
+    const [taskName, setTaskName] = useState(task.name || '');
+    const [taskDateTime, setTaskDateTime] = useState(task.dateTime || '');
+    const { updateTask } = useContext(TaskContext);
+
+    const edit = () => {
+        if (taskName && taskDateTime) {
+            task.name = taskName;
+            task.dateTime = taskDateTime;
+            console.log(task)
+            updateTask(task)
+            setTaskName('');
+            setTaskDateTime('');
+            setTask(null)
+        } else {
+            alert("Task name and date required!")
+        }
+    }
+
+    return (
+        <>
+            <div className="p-2 fixed w-full h-screen grid place-items-center top-0 left-0 bg-rgba z-10">
+                <div className="bg-indigo-900 p-5 lg:p-11 lg:rounded-r-2xl rounded-2xl">
+                    <h2 className="text-indigo-200 font-manrope text-4xl font-semibold leading-10 mb-11">Edit Task</h2>
+                    <input
+                        type="text"
+                        value={taskName}
+                        onChange={(e) => setTaskName(e.target.value)}
+                        className="w-full h-12 text-white placeholder-gray-400  shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" placeholder="Task" />
+                    <input
+                        type="datetime-local"
+                        value={taskDateTime}
+                        onChange={(e) => setTaskDateTime(e.target.value)}
+                        className="w-full h-12 text-white placeholder-gray-400 shadow-sm bg-transparent text-lg font-normal leading-7 rounded-full border border-gray-200 focus:outline-none pl-4 mb-10" />
+                    <div className="flex gap-5">
+                        <button
+                            className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-gray-500 bg-gray-400 shadow-sm"
+                            onClick={() => setTask(null)}
+                        >Cancel</button>
+                        <button
+                            onClick={edit}
+                            className="w-full h-12 text-white text-base font-semibold leading-6 rounded-full transition-all duration-700 hover:bg-indigo-700 bg-indigo-600 shadow-sm">Add</button>
+                    </div>
+                </div>
+            </div>
+        </>
+
+    )
+}
+
 export default EditTask;
\ No newline at end of file
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/components/TaskEmpty.jsx b/projects/typescript/advanced/To-Do-List-App/src/components/TaskEmpty.jsx
similarity index 96%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/components/TaskEmpty.jsx
rename to projects/typescript/advanced/To-Do-List-App/src/components/TaskEmpty.jsx
index 1fbb5102..f6d19bea 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/components/TaskEmpty.jsx
+++ b/projects/typescript/advanced/To-Do-List-App/src/components/TaskEmpty.jsx
@@ -1,10 +1,10 @@
-function TaskEmpty() {
-    return (
-        <div className="w-full text-center pt-24">
-            <h2 className="text-xl font-bold mb-4">All Tasks complete!</h2>
-            <p>Great Work!</p>
-        </div>
-    )
-}
-
+function TaskEmpty() {
+    return (
+        <div className="w-full text-center pt-24">
+            <h2 className="text-xl font-bold mb-4">All Tasks complete!</h2>
+            <p>Great Work!</p>
+        </div>
+    )
+}
+
 export default TaskEmpty;
\ No newline at end of file
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/components/TaskList.tsx b/projects/typescript/advanced/To-Do-List-App/src/components/TaskList.tsx
similarity index 98%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/components/TaskList.tsx
rename to projects/typescript/advanced/To-Do-List-App/src/components/TaskList.tsx
index 97187524..daa956ec 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/components/TaskList.tsx
+++ b/projects/typescript/advanced/To-Do-List-App/src/components/TaskList.tsx
@@ -1,138 +1,138 @@
-import { useContext, useState } from "react";
-import { FaCheckCircle, FaCircle, FaHistory, FaPencilAlt, FaThumbtack, FaTrashAlt } from "react-icons/fa";
-import TaskContext from "../contexts/TaskContext";
-import { formatDistanceToNow, isToday, isTomorrow } from 'date-fns';
-import Task from "../Types/Task";
-import EditTask from "./EditTask";
-import TaskEmpty from "./TaskEmpty";
-
-function TaskList() {
-
-    const { tasks, updateTask, deleteTask } = useContext(TaskContext);
-    const [filter, setFilter] = useState<String>("all")
-    const [task, setTask] = useState<Task | null>(null);
-
-    const sortedTasks = [...tasks].sort((a, b) => {
-        if (a.isPinned && !b.isPinned) return -1;
-        if (!a.isPinned && b.isPinned) return 1;
-        if (a.isDone && !b.isDone) return 1;
-        if (!a.isDone && b.isDone) return -1;
-        return new Date(a.dateTime).getTime() - new Date(b.dateTime).getTime();
-    });
-
-    return (
-        <section className=" ">
-            <div className="mt-6 w-full flex items-center justify-center gap-3">
-                <button
-                    onClick={() => setFilter("all")}
-                    className={`py-1 px-6 border-2 border-indigo-400 rounded-full ${filter == "all" ? "bg-indigo-500 text-indigo-100" : ""}`}>All</button>
-                <button
-                    onClick={() => setFilter("in-progress")}
-                    className={`py-1 px-6 border-2 border-indigo-400 rounded-full ${filter == "in-progress" ? "bg-indigo-500 text-indigo-100" : ""}`}>In Progress</button>
-                <button
-                    onClick={() => setFilter("completed")}
-                    className={`py-1 px-6 border-2 border-indigo-400 rounded-full ${filter == "completed" ? "bg-indigo-500 text-indigo-100" : ""}`}>Completed</button>
-            </div>
-
-            {sortedTasks.length === 0 && <TaskEmpty/>}
-            <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 p-4">
-
-                {
-                    sortedTasks
-                        .filter((task: Task) => {
-                            return (
-                                filter === "in-progress" ? !task.isDone :
-                                    filter === "completed" ? task.isDone :
-                                        true
-                            )
-                        })
-                        .map((task: Task) => {
-                            return <div className={`group p-4 rounded-lg ${task.isPinned ? 'bg-indigo-900' : 'bg-transparent border-2 border-indigo-900'} ${task.isDone ? 'line-through text-gray-500 ' : ''}`}>
-                                <h3 className="font-semibold text-lg">{task.name} </h3>
-                                <div className="text-xs mt-2">{task.dateTime !== "" && formatDateTime(task.dateTime)} </div>
-                                <div className="flex gap-1 mt-3 opacity-1 group-hover:opacity-100 transition-opacity duration-300">
-                                    <div
-                                        onClick={() => updateTask({ ...task, isDone: !task.isDone })}
-                                        className={`hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300`}>
-                                        {
-                                            task.isDone ? (
-                                                <FaCheckCircle
-                                                    className="text-green-600" size={15} />
-                                            ) :
-                                                <FaCircle
-                                                    className="text-transparent rounded-full border-2 border-green-600" size={15} />
-                                        }
-
-                                    </div>
-                                    <div
-                                        onClick={() => setTask(task)}
-                                        className="hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300">
-                                        <FaPencilAlt
-                                            className="text-blue-600 " size={15} />
-                                    </div>
-                                    <div
-                                        onClick={() => updateTask({ ...task, isPinned: !task.isPinned })}
-                                        className="hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300 relative">
-                                        <FaThumbtack
-                                            className="text-yellow-600" size={15} />
-                                    </div>
-                                    <div
-                                        onClick={() => deleteTask(task.id)} 
-                                        className="hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300">
-                                        <FaTrashAlt
-                                            className="text-red-600" size={15} />
-                                    </div>
-                                </div>
-                            </div>
-                        })
-                }
-
-
-            </div >
-
-            {task && <EditTask task={task} setTask={setTask} />}
-
-        </section >
-    )
-
-}
-
-export default TaskList;
-
-function formatDateTime(dateTimeString: String) {
-    const dateTime = new Date(dateTimeString);
-    const now = new Date();
-
-    let formattedDate;
-    if (isToday(dateTime)) {
-        formattedDate = "Today";
-    } else if (isTomorrow(dateTime)) {
-        formattedDate =  "Tomorrow";
-    } else if (dateTime < now) {
-        formattedDate =  `${formatDistanceToNow(dateTime)} ago`;
-    } else {
-        let hours = dateTime.getHours();
-        const minutes = dateTime.getMinutes();
-        const ampm = hours >= 12 ? 'PM' : 'AM';
-        hours = hours % 12;
-        hours = hours ? hours : 12; // the hour '0' should be '12'
-        const formattedTime = `${hours}:${minutes.toString().padStart(2, '0')} ${ampm}`;
-        formattedDate =  `${dateTime.toLocaleDateString()}, ${formattedTime}`;
-    }
-
-    let hours = dateTime.getHours();
-    const minutes = dateTime.getMinutes();
-    const ampm = hours >= 12 ? 'PM' : 'AM';
-    hours = hours % 12;
-    hours = hours ? hours : 12; // the hour '0' should be '12'
-    const formattedTime = `${hours}:${minutes.toString().padStart(2, '0')} ${ampm}`;
-
-    if (formattedDate.includes("Today")) {
-        return <span className="text-orange-300 flex items-center gap-2"><FaHistory />{`${formattedDate}, ${formattedTime}`}</span>;
-    }else if (formattedDate.includes("ago")) {
-        return <span className="text-red-500 flex items-center gap-2"><FaHistory />{`${formattedDate}, ${formattedTime}`}</span>;
-    }
-
-    return <span>{`${formattedDate}, ${formattedTime}`}</span>;
-}
-
+import { useContext, useState } from "react";
+import { FaCheckCircle, FaCircle, FaHistory, FaPencilAlt, FaThumbtack, FaTrashAlt } from "react-icons/fa";
+import TaskContext from "../contexts/TaskContext";
+import { formatDistanceToNow, isToday, isTomorrow } from 'date-fns';
+import Task from "../Types/Task";
+import EditTask from "./EditTask";
+import TaskEmpty from "./TaskEmpty";
+
+function TaskList() {
+
+    const { tasks, updateTask, deleteTask } = useContext(TaskContext);
+    const [filter, setFilter] = useState<String>("all")
+    const [task, setTask] = useState<Task | null>(null);
+
+    const sortedTasks = [...tasks].sort((a, b) => {
+        if (a.isPinned && !b.isPinned) return -1;
+        if (!a.isPinned && b.isPinned) return 1;
+        if (a.isDone && !b.isDone) return 1;
+        if (!a.isDone && b.isDone) return -1;
+        return new Date(a.dateTime).getTime() - new Date(b.dateTime).getTime();
+    });
+
+    return (
+        <section className=" ">
+            <div className="mt-6 w-full flex items-center justify-center gap-3">
+                <button
+                    onClick={() => setFilter("all")}
+                    className={`py-1 px-6 border-2 border-indigo-400 rounded-full ${filter == "all" ? "bg-indigo-500 text-indigo-100" : ""}`}>All</button>
+                <button
+                    onClick={() => setFilter("in-progress")}
+                    className={`py-1 px-6 border-2 border-indigo-400 rounded-full ${filter == "in-progress" ? "bg-indigo-500 text-indigo-100" : ""}`}>In Progress</button>
+                <button
+                    onClick={() => setFilter("completed")}
+                    className={`py-1 px-6 border-2 border-indigo-400 rounded-full ${filter == "completed" ? "bg-indigo-500 text-indigo-100" : ""}`}>Completed</button>
+            </div>
+
+            {sortedTasks.length === 0 && <TaskEmpty/>}
+            <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 p-4">
+
+                {
+                    sortedTasks
+                        .filter((task: Task) => {
+                            return (
+                                filter === "in-progress" ? !task.isDone :
+                                    filter === "completed" ? task.isDone :
+                                        true
+                            )
+                        })
+                        .map((task: Task) => {
+                            return <div className={`group p-4 rounded-lg ${task.isPinned ? 'bg-indigo-900' : 'bg-transparent border-2 border-indigo-900'} ${task.isDone ? 'line-through text-gray-500 ' : ''}`}>
+                                <h3 className="font-semibold text-lg">{task.name} </h3>
+                                <div className="text-xs mt-2">{task.dateTime !== "" && formatDateTime(task.dateTime)} </div>
+                                <div className="flex gap-1 mt-3 opacity-1 group-hover:opacity-100 transition-opacity duration-300">
+                                    <div
+                                        onClick={() => updateTask({ ...task, isDone: !task.isDone })}
+                                        className={`hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300`}>
+                                        {
+                                            task.isDone ? (
+                                                <FaCheckCircle
+                                                    className="text-green-600" size={15} />
+                                            ) :
+                                                <FaCircle
+                                                    className="text-transparent rounded-full border-2 border-green-600" size={15} />
+                                        }
+
+                                    </div>
+                                    <div
+                                        onClick={() => setTask(task)}
+                                        className="hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300">
+                                        <FaPencilAlt
+                                            className="text-blue-600 " size={15} />
+                                    </div>
+                                    <div
+                                        onClick={() => updateTask({ ...task, isPinned: !task.isPinned })}
+                                        className="hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300 relative">
+                                        <FaThumbtack
+                                            className="text-yellow-600" size={15} />
+                                    </div>
+                                    <div
+                                        onClick={() => deleteTask(task.id)} 
+                                        className="hover:bg-indigo-800 rounded-full grid place-items-center h-8 w-8 cursor-pointer transition-colors duration-300">
+                                        <FaTrashAlt
+                                            className="text-red-600" size={15} />
+                                    </div>
+                                </div>
+                            </div>
+                        })
+                }
+
+
+            </div >
+
+            {task && <EditTask task={task} setTask={setTask} />}
+
+        </section >
+    )
+
+}
+
+export default TaskList;
+
+function formatDateTime(dateTimeString: String) {
+    const dateTime = new Date(dateTimeString);
+    const now = new Date();
+
+    let formattedDate;
+    if (isToday(dateTime)) {
+        formattedDate = "Today";
+    } else if (isTomorrow(dateTime)) {
+        formattedDate =  "Tomorrow";
+    } else if (dateTime < now) {
+        formattedDate =  `${formatDistanceToNow(dateTime)} ago`;
+    } else {
+        let hours = dateTime.getHours();
+        const minutes = dateTime.getMinutes();
+        const ampm = hours >= 12 ? 'PM' : 'AM';
+        hours = hours % 12;
+        hours = hours ? hours : 12; // the hour '0' should be '12'
+        const formattedTime = `${hours}:${minutes.toString().padStart(2, '0')} ${ampm}`;
+        formattedDate =  `${dateTime.toLocaleDateString()}, ${formattedTime}`;
+    }
+
+    let hours = dateTime.getHours();
+    const minutes = dateTime.getMinutes();
+    const ampm = hours >= 12 ? 'PM' : 'AM';
+    hours = hours % 12;
+    hours = hours ? hours : 12; // the hour '0' should be '12'
+    const formattedTime = `${hours}:${minutes.toString().padStart(2, '0')} ${ampm}`;
+
+    if (formattedDate.includes("Today")) {
+        return <span className="text-orange-300 flex items-center gap-2"><FaHistory />{`${formattedDate}, ${formattedTime}`}</span>;
+    }else if (formattedDate.includes("ago")) {
+        return <span className="text-red-500 flex items-center gap-2"><FaHistory />{`${formattedDate}, ${formattedTime}`}</span>;
+    }
+
+    return <span>{`${formattedDate}, ${formattedTime}`}</span>;
+}
+
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/components/Title.jsx b/projects/typescript/advanced/To-Do-List-App/src/components/Title.jsx
similarity index 96%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/components/Title.jsx
rename to projects/typescript/advanced/To-Do-List-App/src/components/Title.jsx
index 09743bb5..e756eb55 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/components/Title.jsx
+++ b/projects/typescript/advanced/To-Do-List-App/src/components/Title.jsx
@@ -1,6 +1,6 @@
-function Title() {
-    return (
-        <h2 className="font-manrope text-5xl text-center font-bold text-indigo-200">To do List</h2>
-    )
-}
+function Title() {
+    return (
+        <h2 className="font-manrope text-5xl text-center font-bold text-indigo-200">To do List</h2>
+    )
+}
 export default Title;
\ No newline at end of file
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/contexts/TaskContext.tsx b/projects/typescript/advanced/To-Do-List-App/src/contexts/TaskContext.tsx
similarity index 96%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/contexts/TaskContext.tsx
rename to projects/typescript/advanced/To-Do-List-App/src/contexts/TaskContext.tsx
index ffc1f8df..d3fe9378 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/contexts/TaskContext.tsx
+++ b/projects/typescript/advanced/To-Do-List-App/src/contexts/TaskContext.tsx
@@ -1,14 +1,14 @@
-import { createContext } from "react";
-import Task from "../Types/Task";
-
-interface TaskContextType {
-    tasks: Task[];
-    addTask: (task: Task) => void;
-    updateTask: (task: Task) => void;
-    deleteTask: (id: string) => void;
-}
-
-const TaskContext = createContext<TaskContextType | undefined>(undefined);
-
-
+import { createContext } from "react";
+import Task from "../Types/Task";
+
+interface TaskContextType {
+    tasks: Task[];
+    addTask: (task: Task) => void;
+    updateTask: (task: Task) => void;
+    deleteTask: (id: string) => void;
+}
+
+const TaskContext = createContext<TaskContextType | undefined>(undefined);
+
+
 export default TaskContext;
\ No newline at end of file
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/hooks/UseTasks.tsx b/projects/typescript/advanced/To-Do-List-App/src/hooks/UseTasks.tsx
similarity index 96%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/hooks/UseTasks.tsx
rename to projects/typescript/advanced/To-Do-List-App/src/hooks/UseTasks.tsx
index d2c47d01..9ecb4a1b 100644
--- a/Typescript-Projects/Advanced/To-Do-List-App/src/hooks/UseTasks.tsx
+++ b/projects/typescript/advanced/To-Do-List-App/src/hooks/UseTasks.tsx
@@ -1,34 +1,34 @@
-import { useEffect, useState } from "react";
-import Task from "../Types/Task";
-
-function UseTasks() {
-
-    const [tasks, setTasks] = useState<Task[]>([]);
-
-    useEffect(() => {
-        const tasks = localStorage.getItem("todo");
-        setTasks(tasks ? JSON.parse(tasks) : []);
-    }, []);
-
-    const addTask = (newTask: Task) => {
-        setTasks([...tasks, newTask]);
-        localStorage.setItem("todo", JSON.stringify([...tasks, newTask]));
-    }
-
-    const updateTask = (updatedTask: Task) => {
-        const newTasks = tasks.map(task => (task.id === updatedTask.id ? updatedTask : task));
-        setTasks(newTasks);
-        localStorage.setItem("todo", JSON.stringify(newTasks));
-
-    };
-
-    const deleteTask = (taskId: string) => {
-        const newTasks = tasks.filter(task => task.id !== taskId);
-        setTasks(newTasks);
-        localStorage.setItem("todo", JSON.stringify(newTasks));
-      };
-
-    return { tasks, addTask, updateTask, deleteTask };
-}
-
+import { useEffect, useState } from "react";
+import Task from "../Types/Task";
+
+function UseTasks() {
+
+    const [tasks, setTasks] = useState<Task[]>([]);
+
+    useEffect(() => {
+        const tasks = localStorage.getItem("todo");
+        setTasks(tasks ? JSON.parse(tasks) : []);
+    }, []);
+
+    const addTask = (newTask: Task) => {
+        setTasks([...tasks, newTask]);
+        localStorage.setItem("todo", JSON.stringify([...tasks, newTask]));
+    }
+
+    const updateTask = (updatedTask: Task) => {
+        const newTasks = tasks.map(task => (task.id === updatedTask.id ? updatedTask : task));
+        setTasks(newTasks);
+        localStorage.setItem("todo", JSON.stringify(newTasks));
+
+    };
+
+    const deleteTask = (taskId: string) => {
+        const newTasks = tasks.filter(task => task.id !== taskId);
+        setTasks(newTasks);
+        localStorage.setItem("todo", JSON.stringify(newTasks));
+      };
+
+    return { tasks, addTask, updateTask, deleteTask };
+}
+
 export default UseTasks;
\ No newline at end of file
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/index.css b/projects/typescript/advanced/To-Do-List-App/src/index.css
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/index.css
rename to projects/typescript/advanced/To-Do-List-App/src/index.css
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/main.tsx b/projects/typescript/advanced/To-Do-List-App/src/main.tsx
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/main.tsx
rename to projects/typescript/advanced/To-Do-List-App/src/main.tsx
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/src/vite-env.d.ts b/projects/typescript/advanced/To-Do-List-App/src/vite-env.d.ts
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/src/vite-env.d.ts
rename to projects/typescript/advanced/To-Do-List-App/src/vite-env.d.ts
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/tailwind.config.js b/projects/typescript/advanced/To-Do-List-App/tailwind.config.js
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/tailwind.config.js
rename to projects/typescript/advanced/To-Do-List-App/tailwind.config.js
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/tsconfig.app.json b/projects/typescript/advanced/To-Do-List-App/tsconfig.app.json
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/tsconfig.app.json
rename to projects/typescript/advanced/To-Do-List-App/tsconfig.app.json
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/tsconfig.json b/projects/typescript/advanced/To-Do-List-App/tsconfig.json
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/tsconfig.json
rename to projects/typescript/advanced/To-Do-List-App/tsconfig.json
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/tsconfig.node.json b/projects/typescript/advanced/To-Do-List-App/tsconfig.node.json
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/tsconfig.node.json
rename to projects/typescript/advanced/To-Do-List-App/tsconfig.node.json
diff --git a/Typescript-Projects/Advanced/To-Do-List-App/vite.config.ts b/projects/typescript/advanced/To-Do-List-App/vite.config.ts
similarity index 100%
rename from Typescript-Projects/Advanced/To-Do-List-App/vite.config.ts
rename to projects/typescript/advanced/To-Do-List-App/vite.config.ts
diff --git a/Typescript-Projects/Intermediate/Quiz-App/.eslintrc.cjs b/projects/typescript/intermediate/Quiz-App/.eslintrc.cjs
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/.eslintrc.cjs
rename to projects/typescript/intermediate/Quiz-App/.eslintrc.cjs
diff --git a/Typescript-Projects/Intermediate/Quiz-App/README.md b/projects/typescript/intermediate/Quiz-App/README.md
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/README.md
rename to projects/typescript/intermediate/Quiz-App/README.md
diff --git a/Typescript-Projects/Intermediate/Quiz-App/index.html b/projects/typescript/intermediate/Quiz-App/index.html
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/index.html
rename to projects/typescript/intermediate/Quiz-App/index.html
diff --git a/Typescript-Projects/Intermediate/Quiz-App/package.json b/projects/typescript/intermediate/Quiz-App/package.json
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/package.json
rename to projects/typescript/intermediate/Quiz-App/package.json
diff --git a/Typescript-Projects/Intermediate/Quiz-App/postcss.config.js b/projects/typescript/intermediate/Quiz-App/postcss.config.js
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/postcss.config.js
rename to projects/typescript/intermediate/Quiz-App/postcss.config.js
diff --git a/Typescript-Projects/Intermediate/Quiz-App/public/vite.svg b/projects/typescript/intermediate/Quiz-App/public/vite.svg
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/public/vite.svg
rename to projects/typescript/intermediate/Quiz-App/public/vite.svg
diff --git a/Typescript-Projects/Intermediate/Quiz-App/screenshot.webp b/projects/typescript/intermediate/Quiz-App/screenshot.webp
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/screenshot.webp
rename to projects/typescript/intermediate/Quiz-App/screenshot.webp
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/App.css b/projects/typescript/intermediate/Quiz-App/src/App.css
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/App.css
rename to projects/typescript/intermediate/Quiz-App/src/App.css
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/App.tsx b/projects/typescript/intermediate/Quiz-App/src/App.tsx
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/App.tsx
rename to projects/typescript/intermediate/Quiz-App/src/App.tsx
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/Components/Hero.tsx b/projects/typescript/intermediate/Quiz-App/src/Components/Hero.tsx
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/Components/Hero.tsx
rename to projects/typescript/intermediate/Quiz-App/src/Components/Hero.tsx
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/Components/Navbar.tsx b/projects/typescript/intermediate/Quiz-App/src/Components/Navbar.tsx
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/Components/Navbar.tsx
rename to projects/typescript/intermediate/Quiz-App/src/Components/Navbar.tsx
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/Components/Question.tsx b/projects/typescript/intermediate/Quiz-App/src/Components/Question.tsx
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/Components/Question.tsx
rename to projects/typescript/intermediate/Quiz-App/src/Components/Question.tsx
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/Components/Quiz.tsx b/projects/typescript/intermediate/Quiz-App/src/Components/Quiz.tsx
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/Components/Quiz.tsx
rename to projects/typescript/intermediate/Quiz-App/src/Components/Quiz.tsx
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/assets/hero.png b/projects/typescript/intermediate/Quiz-App/src/assets/hero.png
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/assets/hero.png
rename to projects/typescript/intermediate/Quiz-App/src/assets/hero.png
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/assets/react.svg b/projects/typescript/intermediate/Quiz-App/src/assets/react.svg
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/assets/react.svg
rename to projects/typescript/intermediate/Quiz-App/src/assets/react.svg
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/data/questions.json b/projects/typescript/intermediate/Quiz-App/src/data/questions.json
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/data/questions.json
rename to projects/typescript/intermediate/Quiz-App/src/data/questions.json
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/index.css b/projects/typescript/intermediate/Quiz-App/src/index.css
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/index.css
rename to projects/typescript/intermediate/Quiz-App/src/index.css
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/main.tsx b/projects/typescript/intermediate/Quiz-App/src/main.tsx
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/main.tsx
rename to projects/typescript/intermediate/Quiz-App/src/main.tsx
diff --git a/Typescript-Projects/Intermediate/Quiz-App/src/vite-env.d.ts b/projects/typescript/intermediate/Quiz-App/src/vite-env.d.ts
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/src/vite-env.d.ts
rename to projects/typescript/intermediate/Quiz-App/src/vite-env.d.ts
diff --git a/Typescript-Projects/Intermediate/Quiz-App/tailwind.config.js b/projects/typescript/intermediate/Quiz-App/tailwind.config.js
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/tailwind.config.js
rename to projects/typescript/intermediate/Quiz-App/tailwind.config.js
diff --git a/Typescript-Projects/Intermediate/Quiz-App/tsconfig.app.json b/projects/typescript/intermediate/Quiz-App/tsconfig.app.json
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/tsconfig.app.json
rename to projects/typescript/intermediate/Quiz-App/tsconfig.app.json
diff --git a/Typescript-Projects/Intermediate/Quiz-App/tsconfig.json b/projects/typescript/intermediate/Quiz-App/tsconfig.json
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/tsconfig.json
rename to projects/typescript/intermediate/Quiz-App/tsconfig.json
diff --git a/Typescript-Projects/Intermediate/Quiz-App/tsconfig.node.json b/projects/typescript/intermediate/Quiz-App/tsconfig.node.json
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/tsconfig.node.json
rename to projects/typescript/intermediate/Quiz-App/tsconfig.node.json
diff --git a/Typescript-Projects/Intermediate/Quiz-App/vite.config.ts b/projects/typescript/intermediate/Quiz-App/vite.config.ts
similarity index 100%
rename from Typescript-Projects/Intermediate/Quiz-App/vite.config.ts
rename to projects/typescript/intermediate/Quiz-App/vite.config.ts
diff --git a/Vanilla-JS-Projects/README.md b/projects/vanilla-js/README.md
similarity index 100%
rename from Vanilla-JS-Projects/README.md
rename to projects/vanilla-js/README.md
diff --git a/Vanilla-JS-Projects/Advanced/Audio-Analyzer/README.md b/projects/vanilla-js/advanced/Audio-Analyzer/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Audio-Analyzer/README.md
rename to projects/vanilla-js/advanced/Audio-Analyzer/README.md
diff --git a/Vanilla-JS-Projects/Advanced/Audio-Analyzer/index.html b/projects/vanilla-js/advanced/Audio-Analyzer/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Audio-Analyzer/index.html
rename to projects/vanilla-js/advanced/Audio-Analyzer/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Audio-Analyzer/screenshot.webp b/projects/vanilla-js/advanced/Audio-Analyzer/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Audio-Analyzer/screenshot.webp
rename to projects/vanilla-js/advanced/Audio-Analyzer/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Audio-Analyzer/script.js b/projects/vanilla-js/advanced/Audio-Analyzer/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Audio-Analyzer/script.js
rename to projects/vanilla-js/advanced/Audio-Analyzer/script.js
diff --git a/Vanilla-JS-Projects/Advanced/Audio-Analyzer/style.css b/projects/vanilla-js/advanced/Audio-Analyzer/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Audio-Analyzer/style.css
rename to projects/vanilla-js/advanced/Audio-Analyzer/style.css
diff --git a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/README.md b/projects/vanilla-js/advanced/Garden-Planning-Website/README.md
similarity index 98%
rename from Vanilla-JS-Projects/Advanced/Garden-Planning-Website/README.md
rename to projects/vanilla-js/advanced/Garden-Planning-Website/README.md
index 27bbf61e..caa01959 100644
--- a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/README.md
+++ b/projects/vanilla-js/advanced/Garden-Planning-Website/README.md
@@ -1,83 +1,83 @@
-<h1 align='center'><b>💥 GARDEN PLANNING WEBSITE💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) 
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
-  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
-  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
-  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
-  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
-  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
-  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
-  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
-  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
-  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
-  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-<div>
-  <!-- <p>Add Description of the project</p> -->
-    <p>The Garden Planner website is an interactive tool designed for users to create and visualize their ideal garden layout. Users can drag and drop various plants into a grid to plan their garden space while tracking the total cost based on the selected plants. The site allows for saving and loading garden layouts, making it easy to manage and modify designs over time. With a user-friendly interface and responsive design, it aims to enhance the gardening experience for both beginners and enthusiasts.</p>
-</div>
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-<!-- Add steps how to run this project -->
-Steps to run this website on your local machine:
-
-Download the code: Click on the "Code" button and select "Download ZIP". Extract the downloaded ZIP file to a folder on your computer.
-
-Open the project folder: Navigate to the folder where you extracted the ZIP file.
-
-Open index.html: Double-click on the index.html file. This will open the website in your default web browser.
-
-View and interact with the website: You can now explore the different pages and functionalities of the fitness website directly in your browser.
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-<!-- add the screenshot of the project (Mandatory) -->
-
-![image](https://github.com/user-attachments/assets/2765491d-54e9-4d9a-a5fb-d629767fd00a)
-
-
-
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Aditya Bhaumik</i></b> 👦</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/aditya-bhaumik-62b6b2220/'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/aditya-bhaumik'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 GARDEN PLANNING WEBSITE💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) 
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
+  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
+  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
+  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
+  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
+  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
+  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
+  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
+  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
+  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
+  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <!-- <p>Add Description of the project</p> -->
+    <p>The Garden Planner website is an interactive tool designed for users to create and visualize their ideal garden layout. Users can drag and drop various plants into a grid to plan their garden space while tracking the total cost based on the selected plants. The site allows for saving and loading garden layouts, making it easy to manage and modify designs over time. With a user-friendly interface and responsive design, it aims to enhance the gardening experience for both beginners and enthusiasts.</p>
+</div>
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- Add steps how to run this project -->
+Steps to run this website on your local machine:
+
+Download the code: Click on the "Code" button and select "Download ZIP". Extract the downloaded ZIP file to a folder on your computer.
+
+Open the project folder: Navigate to the folder where you extracted the ZIP file.
+
+Open index.html: Double-click on the index.html file. This will open the website in your default web browser.
+
+View and interact with the website: You can now explore the different pages and functionalities of the fitness website directly in your browser.
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+![image](https://github.com/user-attachments/assets/2765491d-54e9-4d9a-a5fb-d629767fd00a)
+
+
+
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Aditya Bhaumik</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/aditya-bhaumik-62b6b2220/'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/aditya-bhaumik'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/data.json b/projects/vanilla-js/advanced/Garden-Planning-Website/data.json
similarity index 98%
rename from Vanilla-JS-Projects/Advanced/Garden-Planning-Website/data.json
rename to projects/vanilla-js/advanced/Garden-Planning-Website/data.json
index f4ab6241..c6ef2489 100644
--- a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/data.json
+++ b/projects/vanilla-js/advanced/Garden-Planning-Website/data.json
@@ -1,64 +1,64 @@
-{
-    "plants": [
-        { "name": "Rose", "description": "A beautiful flower", "price": 5 },
-        { "name": "Tulip", "description": "A spring-blooming perennial", "price": 3 },
-        { "name": "Sunflower", "description": "A large, yellow flower", "price": 4 },
-        { "name": "Daisy", "description": "A simple yet charming flower", "price": 2 },
-        { "name": "Lavender", "description": "A fragrant purple flower", "price": 6 },
-        { "name": "Marigold", "description": "A vibrant orange flower", "price": 2 },
-        { "name": "Lily", "description": "A beautiful white flower", "price": 7 },
-        { "name": "Orchid", "description": "An exotic and elegant flower", "price": 10 },
-        { "name": "Peony", "description": "A large, fragrant flower", "price": 8 },
-        { "name": "Chrysanthemum", "description": "A colorful autumn flower", "price": 3 },
-        { "name": "Geranium", "description": "A versatile and vibrant flower", "price": 4 },
-        { "name": "Hydrangea", "description": "A stunning flower with large blooms", "price": 9 },
-        { "name": "Daffodil", "description": "A bright yellow spring flower", "price": 5 },
-        { "name": "Aster", "description": "A star-shaped flower", "price": 3 },
-        { "name": "Begonia", "description": "A colorful and diverse flower", "price": 4 },
-        { "name": "Camellia", "description": "A beautiful evergreen flower", "price": 6 },
-        { "name": "Crocus", "description": "A small, early-blooming flower", "price": 2 },
-        { "name": "Dahlia", "description": "A stunning and vibrant flower", "price": 8 },
-        { "name": "Gardenia", "description": "A fragrant and elegant flower", "price": 7 },
-        { "name": "Hibiscus", "description": "A tropical and colorful flower", "price": 5 },
-        { "name": "Iris", "description": "A beautiful and tall flower", "price": 6 },
-        { "name": "Jasmine", "description": "A fragrant and delicate flower", "price": 5 },
-        { "name": "Lilac", "description": "A fragrant spring flower", "price": 4 },
-        { "name": "Magnolia", "description": "A large and elegant flower", "price": 10 },
-        { "name": "Narcissus", "description": "A bright and cheerful flower", "price": 5 },
-        { "name": "Pansy", "description": "A colorful and hardy flower", "price": 3 },
-        { "name": "Petunia", "description": "A versatile and vibrant flower", "price": 4 },
-        { "name": "Snapdragon", "description": "A tall and colorful flower", "price": 5 },
-        { "name": "Zinnia", "description": "A bright and cheerful flower", "price": 3 },
-        { "name": "Bluebell", "description": "A beautiful and delicate flower", "price": 4 },
-        { "name": "Foxglove", "description": "A tall and elegant flower", "price": 5 },
-        { "name": "Gladiolus", "description": "A tall and colorful flower", "price": 6 },
-        { "name": "Honeysuckle", "description": "A fragrant and climbing flower", "price": 5 },
-        { "name": "Morning Glory", "description": "A beautiful and climbing flower", "price": 4 },
-        { "name": "Poppy", "description": "A bright and delicate flower", "price": 3 },
-        { "name": "Primrose", "description": "A colorful and early-blooming flower", "price": 4 },
-        { "name": "Rhododendron", "description": "A large and vibrant flower", "price": 8 },
-        { "name": "Sweet Pea", "description": "A fragrant and climbing flower", "price": 4 },
-        { "name": "Verbena", "description": "A colorful and low-growing flower", "price": 3 },
-        { "name": "Violet", "description": "A small and delicate flower", "price": 2 },
-        { "name": "Wisteria", "description": "A beautiful and climbing flower", "price": 7 },
-        { "name": "Yarrow", "description": "A hardy and colorful flower", "price": 3 },
-        { "name": "Azalea", "description": "A colorful and evergreen flower", "price": 5 },
-        { "name": "Bougainvillea", "description": "A vibrant and climbing flower", "price": 6 },
-        { "name": "Canna", "description": "A tall and colorful flower", "price": 7 },
-        { "name": "Coreopsis", "description": "A bright and cheerful flower", "price": 3 },
-        { "name": "Echinacea", "description": "A hardy and vibrant flower", "price": 4 },
-        { "name": "Gaillardia", "description": "A colorful and hardy flower", "price": 3 },
-        { "name": "Heliotrope", "description": "A fragrant and colorful flower", "price": 5 },
-        { "name": "Hollyhock", "description": "A tall and colorful flower", "price": 6 },
-        { "name": "Lantana", "description": "A colorful and hardy flower", "price": 4 },
-        { "name": "Lobelia", "description": "A vibrant and low-growing flower", "price": 3 },
-        { "name": "Nasturtium", "description": "A bright and edible flower", "price": 2 },
-        { "name": "Salvia", "description": "A colorful and hardy flower", "price": 3 },
-        { "name": "Scabiosa", "description": "A beautiful and delicate flower", "price": 4 },
-        { "name": "Sedum", "description": "A hardy and low-growing flower", "price": 3 },
-        { "name": "Statice", "description": "A colorful and hardy flower", "price": 3 },
-        { "name": "Tithonia", "description": "A bright and cheerful flower", "price": 4 },
-        { "name": "Verbascum", "description": "A tall and elegant flower", "price": 5 },
-        { "name": "Yucca", "description": "A hardy and architectural flower", "price": 6 }
-    ]
-}
+{
+    "plants": [
+        { "name": "Rose", "description": "A beautiful flower", "price": 5 },
+        { "name": "Tulip", "description": "A spring-blooming perennial", "price": 3 },
+        { "name": "Sunflower", "description": "A large, yellow flower", "price": 4 },
+        { "name": "Daisy", "description": "A simple yet charming flower", "price": 2 },
+        { "name": "Lavender", "description": "A fragrant purple flower", "price": 6 },
+        { "name": "Marigold", "description": "A vibrant orange flower", "price": 2 },
+        { "name": "Lily", "description": "A beautiful white flower", "price": 7 },
+        { "name": "Orchid", "description": "An exotic and elegant flower", "price": 10 },
+        { "name": "Peony", "description": "A large, fragrant flower", "price": 8 },
+        { "name": "Chrysanthemum", "description": "A colorful autumn flower", "price": 3 },
+        { "name": "Geranium", "description": "A versatile and vibrant flower", "price": 4 },
+        { "name": "Hydrangea", "description": "A stunning flower with large blooms", "price": 9 },
+        { "name": "Daffodil", "description": "A bright yellow spring flower", "price": 5 },
+        { "name": "Aster", "description": "A star-shaped flower", "price": 3 },
+        { "name": "Begonia", "description": "A colorful and diverse flower", "price": 4 },
+        { "name": "Camellia", "description": "A beautiful evergreen flower", "price": 6 },
+        { "name": "Crocus", "description": "A small, early-blooming flower", "price": 2 },
+        { "name": "Dahlia", "description": "A stunning and vibrant flower", "price": 8 },
+        { "name": "Gardenia", "description": "A fragrant and elegant flower", "price": 7 },
+        { "name": "Hibiscus", "description": "A tropical and colorful flower", "price": 5 },
+        { "name": "Iris", "description": "A beautiful and tall flower", "price": 6 },
+        { "name": "Jasmine", "description": "A fragrant and delicate flower", "price": 5 },
+        { "name": "Lilac", "description": "A fragrant spring flower", "price": 4 },
+        { "name": "Magnolia", "description": "A large and elegant flower", "price": 10 },
+        { "name": "Narcissus", "description": "A bright and cheerful flower", "price": 5 },
+        { "name": "Pansy", "description": "A colorful and hardy flower", "price": 3 },
+        { "name": "Petunia", "description": "A versatile and vibrant flower", "price": 4 },
+        { "name": "Snapdragon", "description": "A tall and colorful flower", "price": 5 },
+        { "name": "Zinnia", "description": "A bright and cheerful flower", "price": 3 },
+        { "name": "Bluebell", "description": "A beautiful and delicate flower", "price": 4 },
+        { "name": "Foxglove", "description": "A tall and elegant flower", "price": 5 },
+        { "name": "Gladiolus", "description": "A tall and colorful flower", "price": 6 },
+        { "name": "Honeysuckle", "description": "A fragrant and climbing flower", "price": 5 },
+        { "name": "Morning Glory", "description": "A beautiful and climbing flower", "price": 4 },
+        { "name": "Poppy", "description": "A bright and delicate flower", "price": 3 },
+        { "name": "Primrose", "description": "A colorful and early-blooming flower", "price": 4 },
+        { "name": "Rhododendron", "description": "A large and vibrant flower", "price": 8 },
+        { "name": "Sweet Pea", "description": "A fragrant and climbing flower", "price": 4 },
+        { "name": "Verbena", "description": "A colorful and low-growing flower", "price": 3 },
+        { "name": "Violet", "description": "A small and delicate flower", "price": 2 },
+        { "name": "Wisteria", "description": "A beautiful and climbing flower", "price": 7 },
+        { "name": "Yarrow", "description": "A hardy and colorful flower", "price": 3 },
+        { "name": "Azalea", "description": "A colorful and evergreen flower", "price": 5 },
+        { "name": "Bougainvillea", "description": "A vibrant and climbing flower", "price": 6 },
+        { "name": "Canna", "description": "A tall and colorful flower", "price": 7 },
+        { "name": "Coreopsis", "description": "A bright and cheerful flower", "price": 3 },
+        { "name": "Echinacea", "description": "A hardy and vibrant flower", "price": 4 },
+        { "name": "Gaillardia", "description": "A colorful and hardy flower", "price": 3 },
+        { "name": "Heliotrope", "description": "A fragrant and colorful flower", "price": 5 },
+        { "name": "Hollyhock", "description": "A tall and colorful flower", "price": 6 },
+        { "name": "Lantana", "description": "A colorful and hardy flower", "price": 4 },
+        { "name": "Lobelia", "description": "A vibrant and low-growing flower", "price": 3 },
+        { "name": "Nasturtium", "description": "A bright and edible flower", "price": 2 },
+        { "name": "Salvia", "description": "A colorful and hardy flower", "price": 3 },
+        { "name": "Scabiosa", "description": "A beautiful and delicate flower", "price": 4 },
+        { "name": "Sedum", "description": "A hardy and low-growing flower", "price": 3 },
+        { "name": "Statice", "description": "A colorful and hardy flower", "price": 3 },
+        { "name": "Tithonia", "description": "A bright and cheerful flower", "price": 4 },
+        { "name": "Verbascum", "description": "A tall and elegant flower", "price": 5 },
+        { "name": "Yucca", "description": "A hardy and architectural flower", "price": 6 }
+    ]
+}
diff --git a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/image.png b/projects/vanilla-js/advanced/Garden-Planning-Website/image.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Garden-Planning-Website/image.png
rename to projects/vanilla-js/advanced/Garden-Planning-Website/image.png
diff --git a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/index.html b/projects/vanilla-js/advanced/Garden-Planning-Website/index.html
similarity index 96%
rename from Vanilla-JS-Projects/Advanced/Garden-Planning-Website/index.html
rename to projects/vanilla-js/advanced/Garden-Planning-Website/index.html
index 200e51d8..163de325 100644
--- a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/index.html
+++ b/projects/vanilla-js/advanced/Garden-Planning-Website/index.html
@@ -1,38 +1,38 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Garden Planner</title>
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-    <header>
-        <h1>Garden Planner</h1>
-    </header>
-    <main>
-        <div class="sidebar">
-            <h2>Plants</h2>
-            <div id="plantList">
-                <!-- Plant list will be populated here -->
-            </div>
-            <button id="saveButton">Save Layout</button>
-            <button id="loadButton">Load Layout</button>
-            <div class="cost">
-                <h3>Total Cost: $<span id="totalCost">0</span></h3>
-            </div>
-        </div>
-        <div class="grid-container" id="gridContainer">
-            <!-- Grid for garden layout -->
-        </div>
-        <div class="info-panel" id="infoPanel">
-            <h2>Plant Information</h2>
-            <div id="plantInfo"></div>
-        </div>
-    </main>
-    <footer>
-        <p>&copy; 2024 Garden Planner</p>
-    </footer>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Garden Planner</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+        <h1>Garden Planner</h1>
+    </header>
+    <main>
+        <div class="sidebar">
+            <h2>Plants</h2>
+            <div id="plantList">
+                <!-- Plant list will be populated here -->
+            </div>
+            <button id="saveButton">Save Layout</button>
+            <button id="loadButton">Load Layout</button>
+            <div class="cost">
+                <h3>Total Cost: $<span id="totalCost">0</span></h3>
+            </div>
+        </div>
+        <div class="grid-container" id="gridContainer">
+            <!-- Grid for garden layout -->
+        </div>
+        <div class="info-panel" id="infoPanel">
+            <h2>Plant Information</h2>
+            <div id="plantInfo"></div>
+        </div>
+    </main>
+    <footer>
+        <p>&copy; 2024 Garden Planner</p>
+    </footer>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/screenshot.webp b/projects/vanilla-js/advanced/Garden-Planning-Website/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Garden-Planning-Website/screenshot.webp
rename to projects/vanilla-js/advanced/Garden-Planning-Website/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/script.js b/projects/vanilla-js/advanced/Garden-Planning-Website/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Advanced/Garden-Planning-Website/script.js
rename to projects/vanilla-js/advanced/Garden-Planning-Website/script.js
index f1651b06..bc810731 100644
--- a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/script.js
+++ b/projects/vanilla-js/advanced/Garden-Planning-Website/script.js
@@ -1,103 +1,103 @@
-document.addEventListener('DOMContentLoaded', () => {
-    const plantList = document.getElementById('plantList');
-    const gridContainer = document.getElementById('gridContainer');
-    const plantInfo = document.getElementById('plantInfo');
-    const saveButton = document.getElementById('saveButton');
-    const loadButton = document.getElementById('loadButton');
-    const totalCostElement = document.getElementById('totalCost');
-    let totalCost = 0;
-
-    // Load plant data
-    fetch('data.json')
-        .then(response => response.json())
-        .then(data => {
-            data.plants.forEach(plant => {
-                const div = document.createElement('div');
-                div.textContent = plant.name;
-                div.draggable = true;
-                div.dataset.plant = JSON.stringify(plant);
-                div.addEventListener('dragstart', e => {
-                    e.dataTransfer.setData('text/plain', div.dataset.plant);
-                });
-                plantList.appendChild(div);
-            });
-        });
-
-    // Create grid cells
-    for (let i = 0; i < 100; i++) {
-        const cell = document.createElement('div');
-        cell.classList.add('grid-cell');
-        cell.addEventListener('dragover', e => {
-            e.preventDefault();
-        });
-        cell.addEventListener('drop', e => {
-            e.preventDefault();
-            const plant = JSON.parse(e.dataTransfer.getData('text/plain'));
-            cell.textContent = plant.name;
-            cell.dataset.plant = JSON.stringify(plant);
-            updateTotalCost();
-        });
-        cell.addEventListener('click', () => {
-            const plant = cell.dataset.plant ? JSON.parse(cell.dataset.plant) : null;
-            if (plant) {
-                plantInfo.innerHTML = `Name: ${plant.name}<br>Description: ${plant.description}<br>Price: $1`;
-            } else {
-                plantInfo.textContent = 'No plant selected';
-            }
-        });
-        gridContainer.appendChild(cell);
-    }
-
-    // Update total cost
-    function updateTotalCost() {
-        totalCost = 0;
-        gridContainer.childNodes.forEach(cell => {
-            if (cell.dataset.plant) {
-                totalCost += 1; // Add $1 for each plant
-            }
-        });
-        totalCostElement.textContent = totalCost.toFixed(2);
-    }
-
-    // Save layout to PC
-    saveButton.addEventListener('click', () => {
-        const layout = [];
-        gridContainer.childNodes.forEach(cell => {
-            layout.push(cell.dataset.plant || null);
-        });
-        const blob = new Blob([JSON.stringify(layout)], { type: 'application/json' });
-        const url = URL.createObjectURL(blob);
-        const a = document.createElement('a');
-        a.href = url;
-        a.download = 'gardenLayout.json';
-        a.click();
-        URL.revokeObjectURL(url);
-    });
-
-    // Load layout from PC
-    loadButton.addEventListener('click', () => {
-        const input = document.createElement('input');
-        input.type = 'file';
-        input.accept = 'application/json';
-        input.onchange = e => {
-            const file = e.target.files[0];
-            const reader = new FileReader();
-            reader.onload = event => {
-                const layout = JSON.parse(event.target.result);
-                gridContainer.childNodes.forEach((cell, index) => {
-                    const plant = layout[index];
-                    if (plant) {
-                        cell.textContent = JSON.parse(plant).name;
-                        cell.dataset.plant = plant;
-                    } else {
-                        cell.textContent = '';
-                        cell.dataset.plant = null;
-                    }
-                });
-                updateTotalCost();
-            };
-            reader.readAsText(file);
-        };
-        input.click();
-    });
-});
+document.addEventListener('DOMContentLoaded', () => {
+    const plantList = document.getElementById('plantList');
+    const gridContainer = document.getElementById('gridContainer');
+    const plantInfo = document.getElementById('plantInfo');
+    const saveButton = document.getElementById('saveButton');
+    const loadButton = document.getElementById('loadButton');
+    const totalCostElement = document.getElementById('totalCost');
+    let totalCost = 0;
+
+    // Load plant data
+    fetch('data.json')
+        .then(response => response.json())
+        .then(data => {
+            data.plants.forEach(plant => {
+                const div = document.createElement('div');
+                div.textContent = plant.name;
+                div.draggable = true;
+                div.dataset.plant = JSON.stringify(plant);
+                div.addEventListener('dragstart', e => {
+                    e.dataTransfer.setData('text/plain', div.dataset.plant);
+                });
+                plantList.appendChild(div);
+            });
+        });
+
+    // Create grid cells
+    for (let i = 0; i < 100; i++) {
+        const cell = document.createElement('div');
+        cell.classList.add('grid-cell');
+        cell.addEventListener('dragover', e => {
+            e.preventDefault();
+        });
+        cell.addEventListener('drop', e => {
+            e.preventDefault();
+            const plant = JSON.parse(e.dataTransfer.getData('text/plain'));
+            cell.textContent = plant.name;
+            cell.dataset.plant = JSON.stringify(plant);
+            updateTotalCost();
+        });
+        cell.addEventListener('click', () => {
+            const plant = cell.dataset.plant ? JSON.parse(cell.dataset.plant) : null;
+            if (plant) {
+                plantInfo.innerHTML = `Name: ${plant.name}<br>Description: ${plant.description}<br>Price: $1`;
+            } else {
+                plantInfo.textContent = 'No plant selected';
+            }
+        });
+        gridContainer.appendChild(cell);
+    }
+
+    // Update total cost
+    function updateTotalCost() {
+        totalCost = 0;
+        gridContainer.childNodes.forEach(cell => {
+            if (cell.dataset.plant) {
+                totalCost += 1; // Add $1 for each plant
+            }
+        });
+        totalCostElement.textContent = totalCost.toFixed(2);
+    }
+
+    // Save layout to PC
+    saveButton.addEventListener('click', () => {
+        const layout = [];
+        gridContainer.childNodes.forEach(cell => {
+            layout.push(cell.dataset.plant || null);
+        });
+        const blob = new Blob([JSON.stringify(layout)], { type: 'application/json' });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = 'gardenLayout.json';
+        a.click();
+        URL.revokeObjectURL(url);
+    });
+
+    // Load layout from PC
+    loadButton.addEventListener('click', () => {
+        const input = document.createElement('input');
+        input.type = 'file';
+        input.accept = 'application/json';
+        input.onchange = e => {
+            const file = e.target.files[0];
+            const reader = new FileReader();
+            reader.onload = event => {
+                const layout = JSON.parse(event.target.result);
+                gridContainer.childNodes.forEach((cell, index) => {
+                    const plant = layout[index];
+                    if (plant) {
+                        cell.textContent = JSON.parse(plant).name;
+                        cell.dataset.plant = plant;
+                    } else {
+                        cell.textContent = '';
+                        cell.dataset.plant = null;
+                    }
+                });
+                updateTotalCost();
+            };
+            reader.readAsText(file);
+        };
+        input.click();
+    });
+});
diff --git a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/style.css b/projects/vanilla-js/advanced/Garden-Planning-Website/style.css
similarity index 94%
rename from Vanilla-JS-Projects/Advanced/Garden-Planning-Website/style.css
rename to projects/vanilla-js/advanced/Garden-Planning-Website/style.css
index 81548f7a..ae113c59 100644
--- a/Vanilla-JS-Projects/Advanced/Garden-Planning-Website/style.css
+++ b/projects/vanilla-js/advanced/Garden-Planning-Website/style.css
@@ -1,137 +1,137 @@
-body {
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    height: 100vh;
-    background-color: #072747;
-    color: #ecf0f1;
-}
-
-header {
-    background-color: #2d6298;
-    color: #ecf0f1;
-    text-align: center;
-    padding: 1em;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
-main {
-    display: flex;
-    flex: 1;
-    overflow: hidden;
-}
-
-.sidebar {
-    width: 20%;
-    padding: 1em;
-    background-color: #031c38;
-    box-shadow: 2px 0 5px rgba(12, 11, 11, 0.1);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    animation: slideIn 1s ease;
-    overflow-y: auto;
-}
-
-@keyframes slideIn {
-    from { transform: translateX(-100%); }
-    to { transform: translateX(0); }
-}
-
-.grid-container {
-    width: 60%;
-    display: grid;
-    grid-template-columns: repeat(10, 1fr);
-    grid-gap: 5px;
-    padding: 1em;
-    overflow-y: auto;
-    animation: fadeIn 1s ease;
-}
-
-.grid-container div {
-    border: 1px solid #33c4ce;
-    min-height: 50px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #022d58;
-    transition: background-color 0.3s;
-}
-
-.grid-container div:hover {
-    background-color: #010a15;
-}
-
-.info-panel {
-    width: 20%;
-    padding: 1em;
-    background-color: #144a7d;
-    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    animation: slideInRight 1s ease;
-    overflow-y: auto;
-}
-
-@keyframes slideInRight {
-    from { transform: translateX(100%); }
-    to { transform: translateX(0); }
-}
-
-footer {
-    background-color: #2564a3;
-    color: #ecf0f1;
-    text-align: center;
-    padding: 1em;
-}
-
-.cost {
-    margin-top: 20px;
-}
-
-#plantList {
-    max-height: 60vh;
-    overflow-y: auto;
-}
-
-#plantList div {
-    cursor: pointer;
-    padding: 10px;
-    margin: 5px;
-    background-color: #34495e;
-    border: 1px solid #7f8c8d;
-    transition: background-color 0.3s;
-}
-
-#plantList div:hover {
-    background-color: #3b4d61;
-}
-
-button {
-    margin-top: 10px;
-    padding: 10px;
-    background-color: #054c86;
-    border: none;
-    color: white;
-    cursor: pointer;
-    transition: background-color 0.3s;
-}
-
-button:hover {
-    background-color: #16a085;
-}
-
-@media (max-width: 768px) {
-    .sidebar, .info-panel {
-        width: 100%;
-        order: 2;
-        padding: 0.5em;
-    }
-    .grid-container {
-        width: 100%;
-        order: 1;
-    }
-}
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+    background-color: #072747;
+    color: #ecf0f1;
+}
+
+header {
+    background-color: #2d6298;
+    color: #ecf0f1;
+    text-align: center;
+    padding: 1em;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+main {
+    display: flex;
+    flex: 1;
+    overflow: hidden;
+}
+
+.sidebar {
+    width: 20%;
+    padding: 1em;
+    background-color: #031c38;
+    box-shadow: 2px 0 5px rgba(12, 11, 11, 0.1);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    animation: slideIn 1s ease;
+    overflow-y: auto;
+}
+
+@keyframes slideIn {
+    from { transform: translateX(-100%); }
+    to { transform: translateX(0); }
+}
+
+.grid-container {
+    width: 60%;
+    display: grid;
+    grid-template-columns: repeat(10, 1fr);
+    grid-gap: 5px;
+    padding: 1em;
+    overflow-y: auto;
+    animation: fadeIn 1s ease;
+}
+
+.grid-container div {
+    border: 1px solid #33c4ce;
+    min-height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #022d58;
+    transition: background-color 0.3s;
+}
+
+.grid-container div:hover {
+    background-color: #010a15;
+}
+
+.info-panel {
+    width: 20%;
+    padding: 1em;
+    background-color: #144a7d;
+    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    animation: slideInRight 1s ease;
+    overflow-y: auto;
+}
+
+@keyframes slideInRight {
+    from { transform: translateX(100%); }
+    to { transform: translateX(0); }
+}
+
+footer {
+    background-color: #2564a3;
+    color: #ecf0f1;
+    text-align: center;
+    padding: 1em;
+}
+
+.cost {
+    margin-top: 20px;
+}
+
+#plantList {
+    max-height: 60vh;
+    overflow-y: auto;
+}
+
+#plantList div {
+    cursor: pointer;
+    padding: 10px;
+    margin: 5px;
+    background-color: #34495e;
+    border: 1px solid #7f8c8d;
+    transition: background-color 0.3s;
+}
+
+#plantList div:hover {
+    background-color: #3b4d61;
+}
+
+button {
+    margin-top: 10px;
+    padding: 10px;
+    background-color: #054c86;
+    border: none;
+    color: white;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+button:hover {
+    background-color: #16a085;
+}
+
+@media (max-width: 768px) {
+    .sidebar, .info-panel {
+        width: 100%;
+        order: 2;
+        padding: 0.5em;
+    }
+    .grid-container {
+        width: 100%;
+        order: 1;
+    }
+}
diff --git a/Vanilla-JS-Projects/Advanced/Hackathon-Tracker/README.md b/projects/vanilla-js/advanced/Hackathon-Tracker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Hackathon-Tracker/README.md
rename to projects/vanilla-js/advanced/Hackathon-Tracker/README.md
diff --git a/Vanilla-JS-Projects/Advanced/Hackathon-Tracker/index.html b/projects/vanilla-js/advanced/Hackathon-Tracker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Hackathon-Tracker/index.html
rename to projects/vanilla-js/advanced/Hackathon-Tracker/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Hackathon-Tracker/screenshot.webp b/projects/vanilla-js/advanced/Hackathon-Tracker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Hackathon-Tracker/screenshot.webp
rename to projects/vanilla-js/advanced/Hackathon-Tracker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Hackathon-Tracker/script.js b/projects/vanilla-js/advanced/Hackathon-Tracker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Hackathon-Tracker/script.js
rename to projects/vanilla-js/advanced/Hackathon-Tracker/script.js
diff --git a/Vanilla-JS-Projects/Advanced/Hackathon-Tracker/style.css b/projects/vanilla-js/advanced/Hackathon-Tracker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Hackathon-Tracker/style.css
rename to projects/vanilla-js/advanced/Hackathon-Tracker/style.css
diff --git a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/Readme.md b/projects/vanilla-js/advanced/Markdown-Previewer/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Markdown-Previewer/Readme.md
rename to projects/vanilla-js/advanced/Markdown-Previewer/Readme.md
diff --git a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/index.html b/projects/vanilla-js/advanced/Markdown-Previewer/index.html
similarity index 96%
rename from Vanilla-JS-Projects/Advanced/Markdown-Previewer/index.html
rename to projects/vanilla-js/advanced/Markdown-Previewer/index.html
index 1812b572..f9e825e8 100644
--- a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/index.html
+++ b/projects/vanilla-js/advanced/Markdown-Previewer/index.html
@@ -1,23 +1,23 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="styles.css">
-  <title>Markdown Previewer</title>
-  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.3.10/purify.min.js"></script>
-  
-</head>
-<body>
-  <div class="container">
-    <textarea id="markdown-input" placeholder="Enter Markdown here..."></textarea>
-    <div id="preview"></div>
-  </div>
-  
-  
-
-
-  <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="styles.css">
+  <title>Markdown Previewer</title>
+  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.3.10/purify.min.js"></script>
+  
+</head>
+<body>
+  <div class="container">
+    <textarea id="markdown-input" placeholder="Enter Markdown here..."></textarea>
+    <div id="preview"></div>
+  </div>
+  
+  
+
+
+  <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/screenshot.webp b/projects/vanilla-js/advanced/Markdown-Previewer/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Markdown-Previewer/screenshot.webp
rename to projects/vanilla-js/advanced/Markdown-Previewer/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/script.js b/projects/vanilla-js/advanced/Markdown-Previewer/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Advanced/Markdown-Previewer/script.js
rename to projects/vanilla-js/advanced/Markdown-Previewer/script.js
index a8f388d2..a184d51d 100644
--- a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/script.js
+++ b/projects/vanilla-js/advanced/Markdown-Previewer/script.js
@@ -1,13 +1,13 @@
-
-document.addEventListener('DOMContentLoaded', function() {
-  const markdownInput = document.getElementById('markdown-input');
-  const preview = document.getElementById('preview');
-
-  function updatePreview() {
-    // Sanitize and render markdown
-    const sanitizedHtml = DOMPurify.sanitize(marked.parse(markdownInput.value));
-    preview.innerHTML = sanitizedHtml;
-  }
-
-  markdownInput.addEventListener('input', updatePreview);
-});
+
+document.addEventListener('DOMContentLoaded', function() {
+  const markdownInput = document.getElementById('markdown-input');
+  const preview = document.getElementById('preview');
+
+  function updatePreview() {
+    // Sanitize and render markdown
+    const sanitizedHtml = DOMPurify.sanitize(marked.parse(markdownInput.value));
+    preview.innerHTML = sanitizedHtml;
+  }
+
+  markdownInput.addEventListener('input', updatePreview);
+});
diff --git a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/styles.css b/projects/vanilla-js/advanced/Markdown-Previewer/styles.css
similarity index 93%
rename from Vanilla-JS-Projects/Advanced/Markdown-Previewer/styles.css
rename to projects/vanilla-js/advanced/Markdown-Previewer/styles.css
index b22b865b..732c2dde 100644
--- a/Vanilla-JS-Projects/Advanced/Markdown-Previewer/styles.css
+++ b/projects/vanilla-js/advanced/Markdown-Previewer/styles.css
@@ -1,31 +1,31 @@
-body {
-  font-family: Arial, sans-serif;
-  margin: 0;
-  padding: 0;
-}
-
-.container {
-  display: flex;
-  justify-content: space-around;
-  align-items: flex-start;
-  margin-top: 50px;
-}
-
-textarea {
-  width: 45%;
-  height: 400px;
-  padding: 10px;
-  font-size: 16px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-}
-
-#preview {
-  width: 45%;
-  height: 400px;
-  padding: 10px;
-  font-size: 16px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  overflow-y: auto;
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+}
+
+.container {
+  display: flex;
+  justify-content: space-around;
+  align-items: flex-start;
+  margin-top: 50px;
+}
+
+textarea {
+  width: 45%;
+  height: 400px;
+  padding: 10px;
+  font-size: 16px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+
+#preview {
+  width: 45%;
+  height: 400px;
+  padding: 10px;
+  font-size: 16px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  overflow-y: auto;
 }
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/README.md b/projects/vanilla-js/advanced/Moon-Phase-Visibility/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/README.md
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/README.md
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/first-quarter.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/first-quarter.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/first-quarter.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/first-quarter.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/full-moon.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/full-moon.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/full-moon.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/full-moon.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/last-quarter.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/last-quarter.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/last-quarter.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/last-quarter.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/new-moon.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/new-moon.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/new-moon.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/new-moon.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waning-crescent.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waning-crescent.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waning-crescent.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waning-crescent.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waning-gibbous.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waning-gibbous.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waning-gibbous.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waning-gibbous.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waxing-cresent.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waxing-cresent.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waxing-cresent.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waxing-cresent.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waxing-gibbous.png b/projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waxing-gibbous.png
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/assets/waxing-gibbous.png
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/assets/waxing-gibbous.png
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/index.html b/projects/vanilla-js/advanced/Moon-Phase-Visibility/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/index.html
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/screenshot.webp b/projects/vanilla-js/advanced/Moon-Phase-Visibility/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/screenshot.webp
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/script.js b/projects/vanilla-js/advanced/Moon-Phase-Visibility/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/script.js
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/script.js
diff --git a/Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/style.css b/projects/vanilla-js/advanced/Moon-Phase-Visibility/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Moon-Phase-Visibility/style.css
rename to projects/vanilla-js/advanced/Moon-Phase-Visibility/style.css
diff --git a/Vanilla-JS-Projects/Advanced/Recipe-Finder/README.md b/projects/vanilla-js/advanced/Recipe-Finder/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Recipe-Finder/README.md
rename to projects/vanilla-js/advanced/Recipe-Finder/README.md
diff --git a/Vanilla-JS-Projects/Advanced/Recipe-Finder/index.html b/projects/vanilla-js/advanced/Recipe-Finder/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Recipe-Finder/index.html
rename to projects/vanilla-js/advanced/Recipe-Finder/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Recipe-Finder/screenshot.webp b/projects/vanilla-js/advanced/Recipe-Finder/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Recipe-Finder/screenshot.webp
rename to projects/vanilla-js/advanced/Recipe-Finder/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Recipe-Finder/script.js b/projects/vanilla-js/advanced/Recipe-Finder/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Recipe-Finder/script.js
rename to projects/vanilla-js/advanced/Recipe-Finder/script.js
diff --git a/Vanilla-JS-Projects/Advanced/Recipe-Finder/styles.css b/projects/vanilla-js/advanced/Recipe-Finder/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Recipe-Finder/styles.css
rename to projects/vanilla-js/advanced/Recipe-Finder/styles.css
diff --git a/Vanilla-JS-Projects/Advanced/Resume-Builder/index.html b/projects/vanilla-js/advanced/Resume-Builder/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Resume-Builder/index.html
rename to projects/vanilla-js/advanced/Resume-Builder/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Resume-Builder/readme.md b/projects/vanilla-js/advanced/Resume-Builder/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Resume-Builder/readme.md
rename to projects/vanilla-js/advanced/Resume-Builder/readme.md
diff --git a/Vanilla-JS-Projects/Advanced/Resume-Builder/resume.html b/projects/vanilla-js/advanced/Resume-Builder/resume.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Resume-Builder/resume.html
rename to projects/vanilla-js/advanced/Resume-Builder/resume.html
diff --git a/Vanilla-JS-Projects/Advanced/Resume-Builder/screenshot.webp b/projects/vanilla-js/advanced/Resume-Builder/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Resume-Builder/screenshot.webp
rename to projects/vanilla-js/advanced/Resume-Builder/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Resume-Builder/src/App.css b/projects/vanilla-js/advanced/Resume-Builder/src/App.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Resume-Builder/src/App.css
rename to projects/vanilla-js/advanced/Resume-Builder/src/App.css
diff --git a/Vanilla-JS-Projects/Advanced/Resume-Builder/src/index.js b/projects/vanilla-js/advanced/Resume-Builder/src/index.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Resume-Builder/src/index.js
rename to projects/vanilla-js/advanced/Resume-Builder/src/index.js
diff --git a/Vanilla-JS-Projects/Advanced/Resume-Builder/src/resume.css b/projects/vanilla-js/advanced/Resume-Builder/src/resume.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Resume-Builder/src/resume.css
rename to projects/vanilla-js/advanced/Resume-Builder/src/resume.css
diff --git a/Vanilla-JS-Projects/Advanced/sort-visualizer/README.md b/projects/vanilla-js/advanced/Sort-Visualizer/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/sort-visualizer/README.md
rename to projects/vanilla-js/advanced/Sort-Visualizer/README.md
diff --git a/Vanilla-JS-Projects/Advanced/sort-visualizer/css/style.css b/projects/vanilla-js/advanced/Sort-Visualizer/css/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/sort-visualizer/css/style.css
rename to projects/vanilla-js/advanced/Sort-Visualizer/css/style.css
diff --git a/Vanilla-JS-Projects/Advanced/sort-visualizer/index.html b/projects/vanilla-js/advanced/Sort-Visualizer/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/sort-visualizer/index.html
rename to projects/vanilla-js/advanced/Sort-Visualizer/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Sort-Visualizer/screenshot.webp b/projects/vanilla-js/advanced/Sort-Visualizer/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Sort-Visualizer/screenshot.webp
rename to projects/vanilla-js/advanced/Sort-Visualizer/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/sort-visualizer/scripts/app.js b/projects/vanilla-js/advanced/Sort-Visualizer/scripts/app.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/sort-visualizer/scripts/app.js
rename to projects/vanilla-js/advanced/Sort-Visualizer/scripts/app.js
diff --git a/Vanilla-JS-Projects/Advanced/sort-visualizer/scripts/helper.js b/projects/vanilla-js/advanced/Sort-Visualizer/scripts/helper.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/sort-visualizer/scripts/helper.js
rename to projects/vanilla-js/advanced/Sort-Visualizer/scripts/helper.js
diff --git a/Vanilla-JS-Projects/Advanced/sort-visualizer/scripts/sort-algorithms.js b/projects/vanilla-js/advanced/Sort-Visualizer/scripts/sort-algorithms.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/sort-visualizer/scripts/sort-algorithms.js
rename to projects/vanilla-js/advanced/Sort-Visualizer/scripts/sort-algorithms.js
diff --git a/Vanilla-JS-Projects/Advanced/Typing-Test/README.md b/projects/vanilla-js/advanced/Typing-Test/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Typing-Test/README.md
rename to projects/vanilla-js/advanced/Typing-Test/README.md
diff --git a/Vanilla-JS-Projects/Advanced/Typing-Test/index.html b/projects/vanilla-js/advanced/Typing-Test/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Typing-Test/index.html
rename to projects/vanilla-js/advanced/Typing-Test/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Typing-Test/js/paragraph.js b/projects/vanilla-js/advanced/Typing-Test/js/paragraph.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Typing-Test/js/paragraph.js
rename to projects/vanilla-js/advanced/Typing-Test/js/paragraph.js
diff --git a/Vanilla-JS-Projects/Advanced/Typing-Test/js/script.js b/projects/vanilla-js/advanced/Typing-Test/js/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Typing-Test/js/script.js
rename to projects/vanilla-js/advanced/Typing-Test/js/script.js
diff --git a/Vanilla-JS-Projects/Advanced/Typing-Test/screenshot.webp b/projects/vanilla-js/advanced/Typing-Test/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Typing-Test/screenshot.webp
rename to projects/vanilla-js/advanced/Typing-Test/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Typing-Test/style.css b/projects/vanilla-js/advanced/Typing-Test/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Typing-Test/style.css
rename to projects/vanilla-js/advanced/Typing-Test/style.css
diff --git a/Vanilla-JS-Projects/Advanced/Vocabulary-Builder/README.md b/projects/vanilla-js/advanced/Vocabulary-Builder/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Vocabulary-Builder/README.md
rename to projects/vanilla-js/advanced/Vocabulary-Builder/README.md
diff --git a/Vanilla-JS-Projects/Advanced/Vocabulary-Builder/index.html b/projects/vanilla-js/advanced/Vocabulary-Builder/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Vocabulary-Builder/index.html
rename to projects/vanilla-js/advanced/Vocabulary-Builder/index.html
diff --git a/Vanilla-JS-Projects/Advanced/Vocabulary-Builder/screenshot.webp b/projects/vanilla-js/advanced/Vocabulary-Builder/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Vocabulary-Builder/screenshot.webp
rename to projects/vanilla-js/advanced/Vocabulary-Builder/screenshot.webp
diff --git a/Vanilla-JS-Projects/Advanced/Vocabulary-Builder/script.js b/projects/vanilla-js/advanced/Vocabulary-Builder/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Vocabulary-Builder/script.js
rename to projects/vanilla-js/advanced/Vocabulary-Builder/script.js
diff --git a/Vanilla-JS-Projects/Advanced/Vocabulary-Builder/style.css b/projects/vanilla-js/advanced/Vocabulary-Builder/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Advanced/Vocabulary-Builder/style.css
rename to projects/vanilla-js/advanced/Vocabulary-Builder/style.css
diff --git a/Vanilla-JS-Projects/Basic/3D-Solar-System/README.md b/projects/vanilla-js/basic/3D-Solar-System/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/3D-Solar-System/README.md
rename to projects/vanilla-js/basic/3D-Solar-System/README.md
diff --git a/Vanilla-JS-Projects/Basic/3D-Solar-System/index.html b/projects/vanilla-js/basic/3D-Solar-System/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/3D-Solar-System/index.html
rename to projects/vanilla-js/basic/3D-Solar-System/index.html
diff --git a/Vanilla-JS-Projects/Basic/3D-Solar-System/screenshot.webp b/projects/vanilla-js/basic/3D-Solar-System/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/3D-Solar-System/screenshot.webp
rename to projects/vanilla-js/basic/3D-Solar-System/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/3D-Solar-System/script.js b/projects/vanilla-js/basic/3D-Solar-System/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/3D-Solar-System/script.js
rename to projects/vanilla-js/basic/3D-Solar-System/script.js
diff --git a/Vanilla-JS-Projects/Basic/3D-Solar-System/style.css b/projects/vanilla-js/basic/3D-Solar-System/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/3D-Solar-System/style.css
rename to projects/vanilla-js/basic/3D-Solar-System/style.css
diff --git a/Vanilla-JS-Projects/Basic/Anagram-Checker/README.md b/projects/vanilla-js/basic/Anagram-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Anagram-Checker/README.md
rename to projects/vanilla-js/basic/Anagram-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Anagram-Checker/index.html b/projects/vanilla-js/basic/Anagram-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Anagram-Checker/index.html
rename to projects/vanilla-js/basic/Anagram-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Anagram-Checker/screenshot.webp b/projects/vanilla-js/basic/Anagram-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Anagram-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Anagram-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Anagram-Checker/script.js b/projects/vanilla-js/basic/Anagram-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Anagram-Checker/script.js
rename to projects/vanilla-js/basic/Anagram-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Anagram-Checker/style.css b/projects/vanilla-js/basic/Anagram-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Anagram-Checker/style.css
rename to projects/vanilla-js/basic/Anagram-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Analog-Clock/README.md b/projects/vanilla-js/basic/Analog-Clock/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Analog-Clock/README.md
rename to projects/vanilla-js/basic/Analog-Clock/README.md
diff --git a/Vanilla-JS-Projects/Basic/Analog-Clock/index.html b/projects/vanilla-js/basic/Analog-Clock/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Analog-Clock/index.html
rename to projects/vanilla-js/basic/Analog-Clock/index.html
diff --git a/Vanilla-JS-Projects/Basic/Analog-Clock/index.js b/projects/vanilla-js/basic/Analog-Clock/index.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Analog-Clock/index.js
rename to projects/vanilla-js/basic/Analog-Clock/index.js
diff --git a/Vanilla-JS-Projects/Basic/Analog-Clock/screenshot.webp b/projects/vanilla-js/basic/Analog-Clock/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Analog-Clock/screenshot.webp
rename to projects/vanilla-js/basic/Analog-Clock/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Analog-Clock/styles.css b/projects/vanilla-js/basic/Analog-Clock/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Analog-Clock/styles.css
rename to projects/vanilla-js/basic/Analog-Clock/styles.css
diff --git a/Vanilla-JS-Projects/Basic/Apna-College-Clone/README.md b/projects/vanilla-js/basic/Apna-College-Clone/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Apna-College-Clone/README.md
rename to projects/vanilla-js/basic/Apna-College-Clone/README.md
diff --git a/Vanilla-JS-Projects/Basic/Apna-College-Clone/img/logo.png b/projects/vanilla-js/basic/Apna-College-Clone/img/logo.png
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Apna-College-Clone/img/logo.png
rename to projects/vanilla-js/basic/Apna-College-Clone/img/logo.png
diff --git a/Vanilla-JS-Projects/Basic/Apna-College-Clone/img/sradha.jpg b/projects/vanilla-js/basic/Apna-College-Clone/img/sradha.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Apna-College-Clone/img/sradha.jpg
rename to projects/vanilla-js/basic/Apna-College-Clone/img/sradha.jpg
diff --git a/Vanilla-JS-Projects/Basic/Apna-College-Clone/index.html b/projects/vanilla-js/basic/Apna-College-Clone/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Apna-College-Clone/index.html
rename to projects/vanilla-js/basic/Apna-College-Clone/index.html
diff --git a/Vanilla-JS-Projects/Basic/Apna-College-Clone/screenshot.webp b/projects/vanilla-js/basic/Apna-College-Clone/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Apna-College-Clone/screenshot.webp
rename to projects/vanilla-js/basic/Apna-College-Clone/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Apna-College-Clone/script.js b/projects/vanilla-js/basic/Apna-College-Clone/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Apna-College-Clone/script.js
rename to projects/vanilla-js/basic/Apna-College-Clone/script.js
diff --git a/Vanilla-JS-Projects/Basic/Apna-College-Clone/style.css b/projects/vanilla-js/basic/Apna-College-Clone/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Apna-College-Clone/style.css
rename to projects/vanilla-js/basic/Apna-College-Clone/style.css
diff --git a/Vanilla-JS-Projects/Basic/Bulb-On-Off/README.md b/projects/vanilla-js/basic/Bulb-On-Off/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Bulb-On-Off/README.md
rename to projects/vanilla-js/basic/Bulb-On-Off/README.md
diff --git a/Vanilla-JS-Projects/Basic/Bulb-On-Off/index.html b/projects/vanilla-js/basic/Bulb-On-Off/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Bulb-On-Off/index.html
rename to projects/vanilla-js/basic/Bulb-On-Off/index.html
diff --git a/Vanilla-JS-Projects/Basic/Bulb-On-Off/screenshot.webp b/projects/vanilla-js/basic/Bulb-On-Off/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Bulb-On-Off/screenshot.webp
rename to projects/vanilla-js/basic/Bulb-On-Off/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Bulb-On-Off/script.js b/projects/vanilla-js/basic/Bulb-On-Off/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Bulb-On-Off/script.js
rename to projects/vanilla-js/basic/Bulb-On-Off/script.js
diff --git a/Vanilla-JS-Projects/Basic/Bulb-On-Off/style.css b/projects/vanilla-js/basic/Bulb-On-Off/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Bulb-On-Off/style.css
rename to projects/vanilla-js/basic/Bulb-On-Off/style.css
diff --git a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/README.md b/projects/vanilla-js/basic/CSS-Art-Gallery/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/CSS-Art-Gallery/README.md
rename to projects/vanilla-js/basic/CSS-Art-Gallery/README.md
diff --git a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/data.json b/projects/vanilla-js/basic/CSS-Art-Gallery/data.json
similarity index 98%
rename from Vanilla-JS-Projects/Basic/CSS-Art-Gallery/data.json
rename to projects/vanilla-js/basic/CSS-Art-Gallery/data.json
index bacc9ecf..2d243f1d 100644
--- a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/data.json
+++ b/projects/vanilla-js/basic/CSS-Art-Gallery/data.json
@@ -1,44 +1,44 @@
-[
-    {
-        "imageUrl": "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9987b896a6899009b7b2_XG3kxY9J1GXrUMFU-GGbN0IR2Pc9iInd35jxWRgZ2xphXud999AUJppRs7U3mo5IU9dI_Y9C-EktXYP4FSzGei9Ezh10-dcAO_FIBNw7G2qaXGXfqgjNOUc87ueg3VKugQTnyPSF68K0Nh9HOC1rAlo.png",
-        "title": "SmartPhone",
-        "artist" : "Grzegorz Witczak",
-        "link": "https://codepen.io/Wujek_Greg/pen/LmrweG"
-     },
-    {
-        "imageUrl": "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99851fb2a7c98065da88_WCMPS27hjcUJk4vyaoBFs7y4Eh2K2inGraJQ2yCaF3uH1G3S5o6_TAoYLimcZGyofUknrdyFsjvR4WiNOnpGOhxbLYGuwxXtBLdtAIXDRxveaiVMiXqqMrUn8ALRhL1wfsVnjr5OnI2sZJ4UnnrH_2o.png",
-        "title" : "Cassette tape",
-        "artist": "Kassandra Sanch",
-        "link": "https://css-art.com/single-div-cassette-tape/source.html"
-      },
-    {
-        "imageUrl":"https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99867d50dd847d3e6ca8_4Phyy4UKQoD-vDWV_H8oFerb1HJtDPEssKW7wrMNSaEShc2RzdjTTc1zAYw9u2wFdJvC7ayNOqFOjJ8RIglRlpaIMYM80KaYvZnXXV_pIKs5deimOq4fUQ6AERP1BA_ntCTSePlAC-ZJracwDB76CHs.png",
-        "title" : "The Mona Lisa",
-        "artist" :"Jay Salvat",
-        "link" : "https://css-art.com/mona-lisa/source.html"
-     },
-    {
-        "imageUrl": "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba998792f12cc4a8da4e38_JwqQ2-ikzKgV5o544IVNv9yGtRoLr_0LOs15kiKNlXi-KCTW-B8YYVca0PlduuCtrYs3d0Xnj4ZN0fElTOMS0uVqFrgFDb9vndSAiKg_pUtKC_TgAADC8JaD8p7C1Wb72hXvQoqWO7aqEIvxu_nyzMM.png",
-        "title" : "Southwold landscape",
-        "artist" : "Ben Evans",
-        "link" : "https://codepen.io/ivorjetski/pen/xxGYWQG"
-    },
-    {
-        "imageUrl" : "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9986b896a6899009b79c_vgDvZfnTxt-w0wZ6oRl8OAhTnrFWeMtEHYniZobio1KZBgN08W_amLGdSS_cNCBZ8R3xLK2HnbmZQapk8kugNSi0Yf5OzUjz9CKXlFtn0hMuoVAlFm2QsGBGYJuelEE2l_S_DbiAJucXfW0KT_8y-Y0.png",
-        "title" : "Baroque portrait",
-        "artist" : "Diana Smith",
-        "link" : "https://css-art.com/pure-css-lace/source.html"
-        },
-    {
-        "imageUrl":"https://css-art.com/artwork/scssuper-mario-face/i/100.jpg",
-        "title" : "Super Mario Face",
-        "artist" : "Louise Flanagan",
-       "link": "https://css-art.com/scssuper-mario-face/source.html"
-    },
-    {
-        "imageUrl":"https://css-art.com/artwork/css-collector-s-cabinet/i/100.jpg",
-        "title" : "CSS Collectors Cabinet",
-        "artist": "Lynn Fisher",
-        "link": "https://css-art.com/css-collector-s-cabinet/source.html"
-    }
-]
+[
+    {
+        "imageUrl": "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9987b896a6899009b7b2_XG3kxY9J1GXrUMFU-GGbN0IR2Pc9iInd35jxWRgZ2xphXud999AUJppRs7U3mo5IU9dI_Y9C-EktXYP4FSzGei9Ezh10-dcAO_FIBNw7G2qaXGXfqgjNOUc87ueg3VKugQTnyPSF68K0Nh9HOC1rAlo.png",
+        "title": "SmartPhone",
+        "artist" : "Grzegorz Witczak",
+        "link": "https://codepen.io/Wujek_Greg/pen/LmrweG"
+     },
+    {
+        "imageUrl": "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99851fb2a7c98065da88_WCMPS27hjcUJk4vyaoBFs7y4Eh2K2inGraJQ2yCaF3uH1G3S5o6_TAoYLimcZGyofUknrdyFsjvR4WiNOnpGOhxbLYGuwxXtBLdtAIXDRxveaiVMiXqqMrUn8ALRhL1wfsVnjr5OnI2sZJ4UnnrH_2o.png",
+        "title" : "Cassette tape",
+        "artist": "Kassandra Sanch",
+        "link": "https://css-art.com/single-div-cassette-tape/source.html"
+      },
+    {
+        "imageUrl":"https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99867d50dd847d3e6ca8_4Phyy4UKQoD-vDWV_H8oFerb1HJtDPEssKW7wrMNSaEShc2RzdjTTc1zAYw9u2wFdJvC7ayNOqFOjJ8RIglRlpaIMYM80KaYvZnXXV_pIKs5deimOq4fUQ6AERP1BA_ntCTSePlAC-ZJracwDB76CHs.png",
+        "title" : "The Mona Lisa",
+        "artist" :"Jay Salvat",
+        "link" : "https://css-art.com/mona-lisa/source.html"
+     },
+    {
+        "imageUrl": "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba998792f12cc4a8da4e38_JwqQ2-ikzKgV5o544IVNv9yGtRoLr_0LOs15kiKNlXi-KCTW-B8YYVca0PlduuCtrYs3d0Xnj4ZN0fElTOMS0uVqFrgFDb9vndSAiKg_pUtKC_TgAADC8JaD8p7C1Wb72hXvQoqWO7aqEIvxu_nyzMM.png",
+        "title" : "Southwold landscape",
+        "artist" : "Ben Evans",
+        "link" : "https://codepen.io/ivorjetski/pen/xxGYWQG"
+    },
+    {
+        "imageUrl" : "https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9986b896a6899009b79c_vgDvZfnTxt-w0wZ6oRl8OAhTnrFWeMtEHYniZobio1KZBgN08W_amLGdSS_cNCBZ8R3xLK2HnbmZQapk8kugNSi0Yf5OzUjz9CKXlFtn0hMuoVAlFm2QsGBGYJuelEE2l_S_DbiAJucXfW0KT_8y-Y0.png",
+        "title" : "Baroque portrait",
+        "artist" : "Diana Smith",
+        "link" : "https://css-art.com/pure-css-lace/source.html"
+        },
+    {
+        "imageUrl":"https://css-art.com/artwork/scssuper-mario-face/i/100.jpg",
+        "title" : "Super Mario Face",
+        "artist" : "Louise Flanagan",
+       "link": "https://css-art.com/scssuper-mario-face/source.html"
+    },
+    {
+        "imageUrl":"https://css-art.com/artwork/css-collector-s-cabinet/i/100.jpg",
+        "title" : "CSS Collectors Cabinet",
+        "artist": "Lynn Fisher",
+        "link": "https://css-art.com/css-collector-s-cabinet/source.html"
+    }
+]
diff --git a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/index.html b/projects/vanilla-js/basic/CSS-Art-Gallery/index.html
similarity index 98%
rename from Vanilla-JS-Projects/Basic/CSS-Art-Gallery/index.html
rename to projects/vanilla-js/basic/CSS-Art-Gallery/index.html
index 9abe9e87..80bba403 100644
--- a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/index.html
+++ b/projects/vanilla-js/basic/CSS-Art-Gallery/index.html
@@ -1,79 +1,79 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
-    <link href="style.css" rel="stylesheet">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Playfair+Display:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
-    <title>CSS Art Gallery</title>
-</head>
-<body>
-    <div class="container">
-        <div style="padding-top: 8px;">
-        <div class="jumbotron">
-            <div class="brand">CSS Art Gallery</div>
-            <div class="blockquote"><i>Beholding beauty with the eye of the mind, he will be enabled to bring forth, not images of beauty, but reality, and bringing forth and nourishing true virtue to become the friend of God.</i></div>
-            <div class="blockquote-footer font-weight-bolder">Plato</div>
-        </div>
-        </div>
-        <div class="row">
-            <div class="col-lg-4 col-md-6 col-sm-12">
-                <div class="gallery-item text-center">
-                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99851fb2a7c98065da88_WCMPS27hjcUJk4vyaoBFs7y4Eh2K2inGraJQ2yCaF3uH1G3S5o6_TAoYLimcZGyofUknrdyFsjvR4WiNOnpGOhxbLYGuwxXtBLdtAIXDRxveaiVMiXqqMrUn8ALRhL1wfsVnjr5OnI2sZJ4UnnrH_2o.png" height="250px" width="250px" alt="Image" class="rounded">
-                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
-                </div>
-            </div>
-            
-            <div class="col-lg-4 col-md-6 col-sm-12">
-                    <div class="gallery-item text-center">
-                        <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9987b896a6899009b7b2_XG3kxY9J1GXrUMFU-GGbN0IR2Pc9iInd35jxWRgZ2xphXud999AUJppRs7U3mo5IU9dI_Y9C-EktXYP4FSzGei9Ezh10-dcAO_FIBNw7G2qaXGXfqgjNOUc87ueg3VKugQTnyPSF68K0Nh9HOC1rAlo.png" height="250px" width="250px" alt="Image" class="rounded">
-                        <button class="btn btn-info mt-2 data-btn">Know me!</button>
-                    </div>
-                </div>
-            <div class="col-lg-4 col-md-6 col-sm-12">
-                <div  class="gallery-item text-center">
-                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99867d50dd847d3e6ca8_4Phyy4UKQoD-vDWV_H8oFerb1HJtDPEssKW7wrMNSaEShc2RzdjTTc1zAYw9u2wFdJvC7ayNOqFOjJ8RIglRlpaIMYM80KaYvZnXXV_pIKs5deimOq4fUQ6AERP1BA_ntCTSePlAC-ZJracwDB76CHs.png" height="250px" width="250px" alt="Image" class="rounded">
-                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
-                </div>
-            </div>
-            <div class="col-lg-4 col-md-6 col-sm-12">
-                <div class="gallery-item text-center">
-                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba998792f12cc4a8da4e38_JwqQ2-ikzKgV5o544IVNv9yGtRoLr_0LOs15kiKNlXi-KCTW-B8YYVca0PlduuCtrYs3d0Xnj4ZN0fElTOMS0uVqFrgFDb9vndSAiKg_pUtKC_TgAADC8JaD8p7C1Wb72hXvQoqWO7aqEIvxu_nyzMM.png" height="250px" width="250px" alt="Image" class="rounded">
-                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
-                </div>
-            </div>
-            <div class="col-lg-4 col-md-6 col-sm-12">
-                <div class="gallery-item text-center">
-                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9986b896a6899009b79c_vgDvZfnTxt-w0wZ6oRl8OAhTnrFWeMtEHYniZobio1KZBgN08W_amLGdSS_cNCBZ8R3xLK2HnbmZQapk8kugNSi0Yf5OzUjz9CKXlFtn0hMuoVAlFm2QsGBGYJuelEE2l_S_DbiAJucXfW0KT_8y-Y0.png" height="250px" width="250px" alt="Image" class="rounded">
-                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
-                </div>
-            </div>
-            <div class="col-lg-4 col-md-6 col-sm-12">
-                <div class="gallery-item text-center">
-                    <img src="https://css-art.com/artwork/scssuper-mario-face/i/100.jpg" height="250px" width="250px" alt="Image" class="rounded">
-                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
-                </div>
-            </div>
-            <div class="col-lg-4 col-md-6 col-sm-12">
-                <div class="gallery-item text-center">
-                    <img src="https://css-art.com/artwork/css-collector-s-cabinet/i/100.jpg" height="250px" width="250px" alt="Image" class="rounded">
-                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
-                </div>
-            </div>
-        </div>
-    </div>
-    <div id="overlay" class="overlay">
-        <div class="overlay-content">
-            <h2 id="overlay-title">Overlay Title</h2>
-            <p id="overlay-description">This is the overlay content.</p>
-            <a id="overlay-link" href="#" target="_blank" class="btn btn-primary">Source Code</a>
-            <i id="close-overlay" class="fas fa-times close-icon"></i>
-        </div>
-    </div>
-
-    <div class="container"></div>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <link href="style.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Playfair+Display:wght@400;700&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
+    <title>CSS Art Gallery</title>
+</head>
+<body>
+    <div class="container">
+        <div style="padding-top: 8px;">
+        <div class="jumbotron">
+            <div class="brand">CSS Art Gallery</div>
+            <div class="blockquote"><i>Beholding beauty with the eye of the mind, he will be enabled to bring forth, not images of beauty, but reality, and bringing forth and nourishing true virtue to become the friend of God.</i></div>
+            <div class="blockquote-footer font-weight-bolder">Plato</div>
+        </div>
+        </div>
+        <div class="row">
+            <div class="col-lg-4 col-md-6 col-sm-12">
+                <div class="gallery-item text-center">
+                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99851fb2a7c98065da88_WCMPS27hjcUJk4vyaoBFs7y4Eh2K2inGraJQ2yCaF3uH1G3S5o6_TAoYLimcZGyofUknrdyFsjvR4WiNOnpGOhxbLYGuwxXtBLdtAIXDRxveaiVMiXqqMrUn8ALRhL1wfsVnjr5OnI2sZJ4UnnrH_2o.png" height="250px" width="250px" alt="Image" class="rounded">
+                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
+                </div>
+            </div>
+            
+            <div class="col-lg-4 col-md-6 col-sm-12">
+                    <div class="gallery-item text-center">
+                        <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9987b896a6899009b7b2_XG3kxY9J1GXrUMFU-GGbN0IR2Pc9iInd35jxWRgZ2xphXud999AUJppRs7U3mo5IU9dI_Y9C-EktXYP4FSzGei9Ezh10-dcAO_FIBNw7G2qaXGXfqgjNOUc87ueg3VKugQTnyPSF68K0Nh9HOC1rAlo.png" height="250px" width="250px" alt="Image" class="rounded">
+                        <button class="btn btn-info mt-2 data-btn">Know me!</button>
+                    </div>
+                </div>
+            <div class="col-lg-4 col-md-6 col-sm-12">
+                <div  class="gallery-item text-center">
+                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba99867d50dd847d3e6ca8_4Phyy4UKQoD-vDWV_H8oFerb1HJtDPEssKW7wrMNSaEShc2RzdjTTc1zAYw9u2wFdJvC7ayNOqFOjJ8RIglRlpaIMYM80KaYvZnXXV_pIKs5deimOq4fUQ6AERP1BA_ntCTSePlAC-ZJracwDB76CHs.png" height="250px" width="250px" alt="Image" class="rounded">
+                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
+                </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-sm-12">
+                <div class="gallery-item text-center">
+                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba998792f12cc4a8da4e38_JwqQ2-ikzKgV5o544IVNv9yGtRoLr_0LOs15kiKNlXi-KCTW-B8YYVca0PlduuCtrYs3d0Xnj4ZN0fElTOMS0uVqFrgFDb9vndSAiKg_pUtKC_TgAADC8JaD8p7C1Wb72hXvQoqWO7aqEIvxu_nyzMM.png" height="250px" width="250px" alt="Image" class="rounded">
+                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
+                </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-sm-12">
+                <div class="gallery-item text-center">
+                    <img src="https://cdn.prod.website-files.com/6053a5b7250a50f89c543266/64ba9986b896a6899009b79c_vgDvZfnTxt-w0wZ6oRl8OAhTnrFWeMtEHYniZobio1KZBgN08W_amLGdSS_cNCBZ8R3xLK2HnbmZQapk8kugNSi0Yf5OzUjz9CKXlFtn0hMuoVAlFm2QsGBGYJuelEE2l_S_DbiAJucXfW0KT_8y-Y0.png" height="250px" width="250px" alt="Image" class="rounded">
+                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
+                </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-sm-12">
+                <div class="gallery-item text-center">
+                    <img src="https://css-art.com/artwork/scssuper-mario-face/i/100.jpg" height="250px" width="250px" alt="Image" class="rounded">
+                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
+                </div>
+            </div>
+            <div class="col-lg-4 col-md-6 col-sm-12">
+                <div class="gallery-item text-center">
+                    <img src="https://css-art.com/artwork/css-collector-s-cabinet/i/100.jpg" height="250px" width="250px" alt="Image" class="rounded">
+                    <button class="btn btn-info mt-2 data-btn">Know me!</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="overlay" class="overlay">
+        <div class="overlay-content">
+            <h2 id="overlay-title">Overlay Title</h2>
+            <p id="overlay-description">This is the overlay content.</p>
+            <a id="overlay-link" href="#" target="_blank" class="btn btn-primary">Source Code</a>
+            <i id="close-overlay" class="fas fa-times close-icon"></i>
+        </div>
+    </div>
+
+    <div class="container"></div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/screenshot.webp b/projects/vanilla-js/basic/CSS-Art-Gallery/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/CSS-Art-Gallery/screenshot.webp
rename to projects/vanilla-js/basic/CSS-Art-Gallery/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/script.js b/projects/vanilla-js/basic/CSS-Art-Gallery/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Basic/CSS-Art-Gallery/script.js
rename to projects/vanilla-js/basic/CSS-Art-Gallery/script.js
index 453d1f6b..92c08484 100644
--- a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/script.js
+++ b/projects/vanilla-js/basic/CSS-Art-Gallery/script.js
@@ -1,24 +1,24 @@
-fetch('data.json')
-    .then(response => response.json())
-    .then(data => {
-        const dataButtons = document.querySelectorAll('.data-btn');
-        dataButtons.forEach(button => {
-            button.addEventListener('click', () => {
-                const image = button.previousElementSibling;
-                const imageUrl = image.src;
-                const imageData = data.find(item => item.imageUrl === imageUrl);
-
-                if (imageData) {
-                    document.getElementById('overlay-title').textContent = imageData.title;
-                    document.getElementById('overlay-description').textContent = imageData.artist;
-                    document.getElementById('overlay-link').href = imageData.link;
-                    document.getElementById('overlay').style.display = 'flex';
-                }
-            });
-        });
-
-        document.getElementById('close-overlay').addEventListener('click', function() {
-            document.getElementById('overlay').style.display = 'none';
-        });
-    })
-    .catch(error => console.error('Error loading JSON:', error));
+fetch('data.json')
+    .then(response => response.json())
+    .then(data => {
+        const dataButtons = document.querySelectorAll('.data-btn');
+        dataButtons.forEach(button => {
+            button.addEventListener('click', () => {
+                const image = button.previousElementSibling;
+                const imageUrl = image.src;
+                const imageData = data.find(item => item.imageUrl === imageUrl);
+
+                if (imageData) {
+                    document.getElementById('overlay-title').textContent = imageData.title;
+                    document.getElementById('overlay-description').textContent = imageData.artist;
+                    document.getElementById('overlay-link').href = imageData.link;
+                    document.getElementById('overlay').style.display = 'flex';
+                }
+            });
+        });
+
+        document.getElementById('close-overlay').addEventListener('click', function() {
+            document.getElementById('overlay').style.display = 'none';
+        });
+    })
+    .catch(error => console.error('Error loading JSON:', error));
diff --git a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/style.css b/projects/vanilla-js/basic/CSS-Art-Gallery/style.css
similarity index 94%
rename from Vanilla-JS-Projects/Basic/CSS-Art-Gallery/style.css
rename to projects/vanilla-js/basic/CSS-Art-Gallery/style.css
index bb15f077..fc97112c 100644
--- a/Vanilla-JS-Projects/Basic/CSS-Art-Gallery/style.css
+++ b/projects/vanilla-js/basic/CSS-Art-Gallery/style.css
@@ -1,58 +1,58 @@
-body {
-    font-family: 'Roboto', sans-serif;
-    background-color:  #f0c4f7;
-}
-.jumbotron {
-    background-color: #f8f9fa; 
-    padding: 20px; 
-}
-.brand {
-    font-family: 'Playfair Display', serif;
-    font-size: 2rem;
-    text-align: center; 
-    opacity: 0;
-    animation: fadeIn 1s ease forwards;
-    color:purple ;
-}
-#A {
-    text-align: center; 
-    margin-bottom: 20px; 
-}
-.gallery-item {
-    margin-bottom: 20px;
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-.overlay {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(0, 0, 0, 0.8);
-    display: none;
-    justify-content: center;
-    align-items: center;
-}
-
-.overlay-content {
-    background: white;
-    padding: 20px;
-    border-radius: 5px;
-    text-align: center;
-}
-.close-icon {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    cursor: pointer;
-    font-size: 20px;
-    color: black;
+body {
+    font-family: 'Roboto', sans-serif;
+    background-color:  #f0c4f7;
+}
+.jumbotron {
+    background-color: #f8f9fa; 
+    padding: 20px; 
+}
+.brand {
+    font-family: 'Playfair Display', serif;
+    font-size: 2rem;
+    text-align: center; 
+    opacity: 0;
+    animation: fadeIn 1s ease forwards;
+    color:purple ;
+}
+#A {
+    text-align: center; 
+    margin-bottom: 20px; 
+}
+.gallery-item {
+    margin-bottom: 20px;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+.overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    display: none;
+    justify-content: center;
+    align-items: center;
+}
+
+.overlay-content {
+    background: white;
+    padding: 20px;
+    border-radius: 5px;
+    text-align: center;
+}
+.close-icon {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    cursor: pointer;
+    font-size: 20px;
+    color: black;
 }
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/Captcha-Generator/README.md b/projects/vanilla-js/basic/Captcha-Generator/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Captcha-Generator/README.md
rename to projects/vanilla-js/basic/Captcha-Generator/README.md
diff --git a/Vanilla-JS-Projects/Basic/Captcha-Generator/index.html b/projects/vanilla-js/basic/Captcha-Generator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Captcha-Generator/index.html
rename to projects/vanilla-js/basic/Captcha-Generator/index.html
diff --git a/Vanilla-JS-Projects/Basic/Captcha-Generator/screenshot.webp b/projects/vanilla-js/basic/Captcha-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Captcha-Generator/screenshot.webp
rename to projects/vanilla-js/basic/Captcha-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Captcha-Generator/script.js b/projects/vanilla-js/basic/Captcha-Generator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Captcha-Generator/script.js
rename to projects/vanilla-js/basic/Captcha-Generator/script.js
diff --git a/Vanilla-JS-Projects/Basic/Captcha-Generator/styles.css b/projects/vanilla-js/basic/Captcha-Generator/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Captcha-Generator/styles.css
rename to projects/vanilla-js/basic/Captcha-Generator/styles.css
diff --git a/Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/README.md b/projects/vanilla-js/basic/Co-Prime-Number-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/README.md
rename to projects/vanilla-js/basic/Co-Prime-Number-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/index.html b/projects/vanilla-js/basic/Co-Prime-Number-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/index.html
rename to projects/vanilla-js/basic/Co-Prime-Number-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/screenshot.webp b/projects/vanilla-js/basic/Co-Prime-Number-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Co-Prime-Number-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/script.js b/projects/vanilla-js/basic/Co-Prime-Number-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/script.js
rename to projects/vanilla-js/basic/Co-Prime-Number-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/style.css b/projects/vanilla-js/basic/Co-Prime-Number-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Co-Prime-Number-Checker/style.css
rename to projects/vanilla-js/basic/Co-Prime-Number-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Custom-Video-Player/README.md b/projects/vanilla-js/basic/Custom-Video-Player/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Custom-Video-Player/README.md
rename to projects/vanilla-js/basic/Custom-Video-Player/README.md
diff --git a/Vanilla-JS-Projects/Basic/Custom-Video-Player/css/progress.css b/projects/vanilla-js/basic/Custom-Video-Player/css/progress.css
similarity index 96%
rename from Vanilla-JS-Projects/Basic/Custom-Video-Player/css/progress.css
rename to projects/vanilla-js/basic/Custom-Video-Player/css/progress.css
index 8c3c6b0e..f9232c93 100644
--- a/Vanilla-JS-Projects/Basic/Custom-Video-Player/css/progress.css
+++ b/projects/vanilla-js/basic/Custom-Video-Player/css/progress.css
@@ -1,112 +1,112 @@
-/* SOURCE: https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */
-
-input[type='range'] {
-	-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
-	width: 100%; /* Specific width is required for Firefox. */
-	background: transparent; /* Otherwise white in Chrome */
-}
-
-input[type='range']::-webkit-slider-thumb {
-	-webkit-appearance: none;
-}
-
-input[type='range']:focus {
-	outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
-}
-
-input[type='range']::-ms-track {
-	width: 100%;
-	cursor: pointer;
-
-	/* Hides the slider so custom styles can be added */
-	background: transparent;
-	border-color: transparent;
-	color: transparent;
-}
-
-/* Special styling for WebKit/Blink */
-input[type='range']::-webkit-slider-thumb {
-	-webkit-appearance: none;
-	border: 1px solid #000000;
-	height: 36px;
-	width: 16px;
-	border-radius: 3px;
-	background: #ffffff;
-	cursor: pointer;
-	margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
-	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
-}
-
-/* All the same stuff for Firefox */
-input[type='range']::-moz-range-thumb {
-	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-	border: 1px solid #000000;
-	height: 36px;
-	width: 16px;
-	border-radius: 3px;
-	background: #ffffff;
-	cursor: pointer;
-}
-
-/* All the same stuff for IE */
-input[type='range']::-ms-thumb {
-	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-	border: 1px solid #000000;
-	height: 36px;
-	width: 16px;
-	border-radius: 3px;
-	background: #ffffff;
-	cursor: pointer;
-}
-
-input[type='range']::-webkit-slider-runnable-track {
-	width: 100%;
-	height: 8.4px;
-	cursor: pointer;
-	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-	background: #3071a9;
-	border-radius: 1.3px;
-	border: 0.2px solid #010101;
-}
-
-input[type='range']:focus::-webkit-slider-runnable-track {
-	background: #367ebd;
-}
-
-input[type='range']::-moz-range-track {
-	width: 100%;
-	height: 8.4px;
-	cursor: pointer;
-	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-	background: #3071a9;
-	border-radius: 1.3px;
-	border: 0.2px solid #010101;
-}
-
-input[type='range']::-ms-track {
-	width: 100%;
-	height: 8.4px;
-	cursor: pointer;
-	background: transparent;
-	border-color: transparent;
-	border-width: 16px 0;
-	color: transparent;
-}
-input[type='range']::-ms-fill-lower {
-	background: #2a6495;
-	border: 0.2px solid #010101;
-	border-radius: 2.6px;
-	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-}
-input[type='range']:focus::-ms-fill-lower {
-	background: #3071a9;
-}
-input[type='range']::-ms-fill-upper {
-	background: #3071a9;
-	border: 0.2px solid #010101;
-	border-radius: 2.6px;
-	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
-}
-input[type='range']:focus::-ms-fill-upper {
-	background: #367ebd;
-}
+/* SOURCE: https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */
+
+input[type='range'] {
+	-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
+	width: 100%; /* Specific width is required for Firefox. */
+	background: transparent; /* Otherwise white in Chrome */
+}
+
+input[type='range']::-webkit-slider-thumb {
+	-webkit-appearance: none;
+}
+
+input[type='range']:focus {
+	outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
+}
+
+input[type='range']::-ms-track {
+	width: 100%;
+	cursor: pointer;
+
+	/* Hides the slider so custom styles can be added */
+	background: transparent;
+	border-color: transparent;
+	color: transparent;
+}
+
+/* Special styling for WebKit/Blink */
+input[type='range']::-webkit-slider-thumb {
+	-webkit-appearance: none;
+	border: 1px solid #000000;
+	height: 36px;
+	width: 16px;
+	border-radius: 3px;
+	background: #ffffff;
+	cursor: pointer;
+	margin-top: -14px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
+	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; /* Add cool effects to your sliders! */
+}
+
+/* All the same stuff for Firefox */
+input[type='range']::-moz-range-thumb {
+	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+	border: 1px solid #000000;
+	height: 36px;
+	width: 16px;
+	border-radius: 3px;
+	background: #ffffff;
+	cursor: pointer;
+}
+
+/* All the same stuff for IE */
+input[type='range']::-ms-thumb {
+	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+	border: 1px solid #000000;
+	height: 36px;
+	width: 16px;
+	border-radius: 3px;
+	background: #ffffff;
+	cursor: pointer;
+}
+
+input[type='range']::-webkit-slider-runnable-track {
+	width: 100%;
+	height: 8.4px;
+	cursor: pointer;
+	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+	background: #3071a9;
+	border-radius: 1.3px;
+	border: 0.2px solid #010101;
+}
+
+input[type='range']:focus::-webkit-slider-runnable-track {
+	background: #367ebd;
+}
+
+input[type='range']::-moz-range-track {
+	width: 100%;
+	height: 8.4px;
+	cursor: pointer;
+	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+	background: #3071a9;
+	border-radius: 1.3px;
+	border: 0.2px solid #010101;
+}
+
+input[type='range']::-ms-track {
+	width: 100%;
+	height: 8.4px;
+	cursor: pointer;
+	background: transparent;
+	border-color: transparent;
+	border-width: 16px 0;
+	color: transparent;
+}
+input[type='range']::-ms-fill-lower {
+	background: #2a6495;
+	border: 0.2px solid #010101;
+	border-radius: 2.6px;
+	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+input[type='range']:focus::-ms-fill-lower {
+	background: #3071a9;
+}
+input[type='range']::-ms-fill-upper {
+	background: #3071a9;
+	border: 0.2px solid #010101;
+	border-radius: 2.6px;
+	box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
+}
+input[type='range']:focus::-ms-fill-upper {
+	background: #367ebd;
+}
diff --git a/Vanilla-JS-Projects/Basic/Custom-Video-Player/css/style.css b/projects/vanilla-js/basic/Custom-Video-Player/css/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Custom-Video-Player/css/style.css
rename to projects/vanilla-js/basic/Custom-Video-Player/css/style.css
diff --git a/Vanilla-JS-Projects/Basic/Custom-Video-Player/img/poster.png b/projects/vanilla-js/basic/Custom-Video-Player/img/poster.png
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Custom-Video-Player/img/poster.png
rename to projects/vanilla-js/basic/Custom-Video-Player/img/poster.png
diff --git a/Vanilla-JS-Projects/Basic/Custom-Video-Player/index.html b/projects/vanilla-js/basic/Custom-Video-Player/index.html
similarity index 96%
rename from Vanilla-JS-Projects/Basic/Custom-Video-Player/index.html
rename to projects/vanilla-js/basic/Custom-Video-Player/index.html
index 41befca9..aa726374 100644
--- a/Vanilla-JS-Projects/Basic/Custom-Video-Player/index.html
+++ b/projects/vanilla-js/basic/Custom-Video-Player/index.html
@@ -1,47 +1,47 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    <title>Custom Video Player</title>
-    <link
-      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
-      rel="stylesheet"
-      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
-      crossorigin="anonymous"
-    />
-    <link rel="stylesheet" href="css/progress.css" />
-    <link rel="stylesheet" href="css/style.css" />
-  </head>
-  <body>
-    <h1>Custom Video Player</h1>
-    <video
-      src="https://media.geeksforgeeks.org/wp-content/uploads/20231020155223/Full-Stack-Development-_-LIVE-Classes-_-GeeksforGeeks.mp4"
-      id="video"
-      class="screen"
-      poster="img/poster.png"
-    ></video>
-    <div class="controls">
-      <button class="btn" id="play">
-        <i class="fa fa-play fa-2x"></i>
-      </button>
-      <button class="btn" id="stop">
-        <i class="fa fa-stop fa-2x"></i>
-      </button>
-      <input
-        type="range"
-        id="progress"
-        class="progress"
-        min="0"
-        max="100"
-        step="0.1"
-        value="0"
-      />
-      <span class="timestamp" id="timestamp">00:00</span>
-    </div>
-
-    <script src="script.js"></script>
-  </body>
-</html>
-
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Custom Video Player</title>
+    <link
+      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
+      rel="stylesheet"
+      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="css/progress.css" />
+    <link rel="stylesheet" href="css/style.css" />
+  </head>
+  <body>
+    <h1>Custom Video Player</h1>
+    <video
+      src="https://media.geeksforgeeks.org/wp-content/uploads/20231020155223/Full-Stack-Development-_-LIVE-Classes-_-GeeksforGeeks.mp4"
+      id="video"
+      class="screen"
+      poster="img/poster.png"
+    ></video>
+    <div class="controls">
+      <button class="btn" id="play">
+        <i class="fa fa-play fa-2x"></i>
+      </button>
+      <button class="btn" id="stop">
+        <i class="fa fa-stop fa-2x"></i>
+      </button>
+      <input
+        type="range"
+        id="progress"
+        class="progress"
+        min="0"
+        max="100"
+        step="0.1"
+        value="0"
+      />
+      <span class="timestamp" id="timestamp">00:00</span>
+    </div>
+
+    <script src="script.js"></script>
+  </body>
+</html>
+
diff --git a/Vanilla-JS-Projects/Basic/Custom-Video-Player/screenshot.webp b/projects/vanilla-js/basic/Custom-Video-Player/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Custom-Video-Player/screenshot.webp
rename to projects/vanilla-js/basic/Custom-Video-Player/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Custom-Video-Player/script.js b/projects/vanilla-js/basic/Custom-Video-Player/script.js
similarity index 96%
rename from Vanilla-JS-Projects/Basic/Custom-Video-Player/script.js
rename to projects/vanilla-js/basic/Custom-Video-Player/script.js
index 67b8d61d..a1b85116 100644
--- a/Vanilla-JS-Projects/Basic/Custom-Video-Player/script.js
+++ b/projects/vanilla-js/basic/Custom-Video-Player/script.js
@@ -1,65 +1,65 @@
-const video = document.getElementById('video');
-const play = document.getElementById('play');
-const stop = document.getElementById('stop');
-const progress = document.getElementById('progress');
-const timestamp = document.getElementById('timestamp');
-
-// Play & pause video
-function toggleVideoStatus() {
-  if (video.paused) {
-    video.play();
-  } else {
-    video.pause();
-  }
-}
-
-// update play/pause icon
-function updatePlayIcon() {
-  if (video.paused) {
-    play.innerHTML = '<i class="fa fa-play fa-2x"></i>';
-  } else {
-    play.innerHTML = '<i class="fa fa-pause fa-2x"></i>';
-  }
-}
-
-// Update progress & timestamp
-function updateProgress() {
-  progress.value = (video.currentTime / video.duration) * 100;
-
-  // Get the minutes
-  let mins = Math.floor(video.currentTime / 60);
-  if(mins < video.duration){
-    mins = '0' + String(mins);
-  }
-
-  // Get Seconds
-  let secs = Math.floor(video.currentTime % 60);
-  if(secs < video.duration){
-    secs = '0' + String(secs);
-  }
-
-  timestamp.innerHTML = `${mins}:${secs}`;
-}
-
-// Set video time to progress
-function setVideoProgress() {
-  video.currentTime = (+progress.value * video.duration) / 100;
-}
-
-// Stop video
-function stopVideo() {
-  video.currentTime = 0;
-  video.pause();
-}
-
-// Event listeners
-video.addEventListener('click', toggleVideoStatus);
-video.addEventListener('pause', updatePlayIcon);
-video.addEventListener('play', updatePlayIcon);
-video.addEventListener('timeupdate', updateProgress);
-
-play.addEventListener('click', toggleVideoStatus);
-
-stop.addEventListener('click', stopVideo);
-
+const video = document.getElementById('video');
+const play = document.getElementById('play');
+const stop = document.getElementById('stop');
+const progress = document.getElementById('progress');
+const timestamp = document.getElementById('timestamp');
+
+// Play & pause video
+function toggleVideoStatus() {
+  if (video.paused) {
+    video.play();
+  } else {
+    video.pause();
+  }
+}
+
+// update play/pause icon
+function updatePlayIcon() {
+  if (video.paused) {
+    play.innerHTML = '<i class="fa fa-play fa-2x"></i>';
+  } else {
+    play.innerHTML = '<i class="fa fa-pause fa-2x"></i>';
+  }
+}
+
+// Update progress & timestamp
+function updateProgress() {
+  progress.value = (video.currentTime / video.duration) * 100;
+
+  // Get the minutes
+  let mins = Math.floor(video.currentTime / 60);
+  if(mins < video.duration){
+    mins = '0' + String(mins);
+  }
+
+  // Get Seconds
+  let secs = Math.floor(video.currentTime % 60);
+  if(secs < video.duration){
+    secs = '0' + String(secs);
+  }
+
+  timestamp.innerHTML = `${mins}:${secs}`;
+}
+
+// Set video time to progress
+function setVideoProgress() {
+  video.currentTime = (+progress.value * video.duration) / 100;
+}
+
+// Stop video
+function stopVideo() {
+  video.currentTime = 0;
+  video.pause();
+}
+
+// Event listeners
+video.addEventListener('click', toggleVideoStatus);
+video.addEventListener('pause', updatePlayIcon);
+video.addEventListener('play', updatePlayIcon);
+video.addEventListener('timeupdate', updateProgress);
+
+play.addEventListener('click', toggleVideoStatus);
+
+stop.addEventListener('click', stopVideo);
+
 progress.addEventListener('change', setVideoProgress);
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/README.md b/projects/vanilla-js/basic/Days-Between-Two-Dates/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/README.md
rename to projects/vanilla-js/basic/Days-Between-Two-Dates/README.md
diff --git a/Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/index.html b/projects/vanilla-js/basic/Days-Between-Two-Dates/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/index.html
rename to projects/vanilla-js/basic/Days-Between-Two-Dates/index.html
diff --git a/Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/screenshot.webp b/projects/vanilla-js/basic/Days-Between-Two-Dates/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/screenshot.webp
rename to projects/vanilla-js/basic/Days-Between-Two-Dates/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/script.js b/projects/vanilla-js/basic/Days-Between-Two-Dates/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/script.js
rename to projects/vanilla-js/basic/Days-Between-Two-Dates/script.js
diff --git a/Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/style.css b/projects/vanilla-js/basic/Days-Between-Two-Dates/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Days-Between-Two-Dates/style.css
rename to projects/vanilla-js/basic/Days-Between-Two-Dates/style.css
diff --git a/Vanilla-JS-Projects/Basic/Dictionary-App/README.md b/projects/vanilla-js/basic/Dictionary-App/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictionary-App/README.md
rename to projects/vanilla-js/basic/Dictionary-App/README.md
diff --git a/Vanilla-JS-Projects/Basic/Dictionary-App/index.html b/projects/vanilla-js/basic/Dictionary-App/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictionary-App/index.html
rename to projects/vanilla-js/basic/Dictionary-App/index.html
diff --git a/Vanilla-JS-Projects/Basic/Dictionary-App/screenshot.webp b/projects/vanilla-js/basic/Dictionary-App/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictionary-App/screenshot.webp
rename to projects/vanilla-js/basic/Dictionary-App/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Dictionary-App/script.js b/projects/vanilla-js/basic/Dictionary-App/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictionary-App/script.js
rename to projects/vanilla-js/basic/Dictionary-App/script.js
diff --git a/Vanilla-JS-Projects/Basic/Dictionary-App/style.css b/projects/vanilla-js/basic/Dictionary-App/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictionary-App/style.css
rename to projects/vanilla-js/basic/Dictionary-App/style.css
diff --git a/Vanilla-JS-Projects/Basic/Dictonary-App/README.md b/projects/vanilla-js/basic/Dictonary-App/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictonary-App/README.md
rename to projects/vanilla-js/basic/Dictonary-App/README.md
diff --git a/Vanilla-JS-Projects/Basic/Dictonary-App/bg.jpg b/projects/vanilla-js/basic/Dictonary-App/bg.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictonary-App/bg.jpg
rename to projects/vanilla-js/basic/Dictonary-App/bg.jpg
diff --git a/Vanilla-JS-Projects/Basic/Dictonary-App/index.html b/projects/vanilla-js/basic/Dictonary-App/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictonary-App/index.html
rename to projects/vanilla-js/basic/Dictonary-App/index.html
diff --git a/Vanilla-JS-Projects/Basic/Dictonary-App/screenshot.webp b/projects/vanilla-js/basic/Dictonary-App/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictonary-App/screenshot.webp
rename to projects/vanilla-js/basic/Dictonary-App/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Dictonary-App/script.js b/projects/vanilla-js/basic/Dictonary-App/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictonary-App/script.js
rename to projects/vanilla-js/basic/Dictonary-App/script.js
diff --git a/Vanilla-JS-Projects/Basic/Dictonary-App/style.css b/projects/vanilla-js/basic/Dictonary-App/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Dictonary-App/style.css
rename to projects/vanilla-js/basic/Dictonary-App/style.css
diff --git a/Vanilla-JS-Projects/Basic/Expense-Tracker/README.md b/projects/vanilla-js/basic/Expense-Tracker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Expense-Tracker/README.md
rename to projects/vanilla-js/basic/Expense-Tracker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Expense-Tracker/index.html b/projects/vanilla-js/basic/Expense-Tracker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Expense-Tracker/index.html
rename to projects/vanilla-js/basic/Expense-Tracker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Expense-Tracker/screenshot.webp b/projects/vanilla-js/basic/Expense-Tracker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Expense-Tracker/screenshot.webp
rename to projects/vanilla-js/basic/Expense-Tracker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Expense-Tracker/script.js b/projects/vanilla-js/basic/Expense-Tracker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Expense-Tracker/script.js
rename to projects/vanilla-js/basic/Expense-Tracker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Expense-Tracker/style.css b/projects/vanilla-js/basic/Expense-Tracker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Expense-Tracker/style.css
rename to projects/vanilla-js/basic/Expense-Tracker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Gallery/README.md b/projects/vanilla-js/basic/Gallery/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Gallery/README.md
rename to projects/vanilla-js/basic/Gallery/README.md
diff --git a/Vanilla-JS-Projects/Basic/Gallery/data.json b/projects/vanilla-js/basic/Gallery/data.json
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Gallery/data.json
rename to projects/vanilla-js/basic/Gallery/data.json
diff --git a/Vanilla-JS-Projects/Basic/Gallery/index.html b/projects/vanilla-js/basic/Gallery/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Gallery/index.html
rename to projects/vanilla-js/basic/Gallery/index.html
diff --git a/Vanilla-JS-Projects/Basic/Gallery/screenshot.webp b/projects/vanilla-js/basic/Gallery/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Gallery/screenshot.webp
rename to projects/vanilla-js/basic/Gallery/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Gallery/script.js b/projects/vanilla-js/basic/Gallery/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Gallery/script.js
rename to projects/vanilla-js/basic/Gallery/script.js
diff --git a/Vanilla-JS-Projects/Basic/Gallery/style.css b/projects/vanilla-js/basic/Gallery/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Gallery/style.css
rename to projects/vanilla-js/basic/Gallery/style.css
diff --git a/Vanilla-JS-Projects/Basic/Image-Search-Engine/README.md b/projects/vanilla-js/basic/Image-Search-Engine/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Image-Search-Engine/README.md
rename to projects/vanilla-js/basic/Image-Search-Engine/README.md
diff --git a/Vanilla-JS-Projects/Basic/Image-Search-Engine/index.html b/projects/vanilla-js/basic/Image-Search-Engine/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Image-Search-Engine/index.html
rename to projects/vanilla-js/basic/Image-Search-Engine/index.html
diff --git a/Vanilla-JS-Projects/Basic/Image-Search-Engine/screenshot.webp b/projects/vanilla-js/basic/Image-Search-Engine/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Image-Search-Engine/screenshot.webp
rename to projects/vanilla-js/basic/Image-Search-Engine/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Image-Search-Engine/script.js b/projects/vanilla-js/basic/Image-Search-Engine/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Image-Search-Engine/script.js
rename to projects/vanilla-js/basic/Image-Search-Engine/script.js
diff --git a/Vanilla-JS-Projects/Basic/Image-Search-Engine/style.css b/projects/vanilla-js/basic/Image-Search-Engine/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Image-Search-Engine/style.css
rename to projects/vanilla-js/basic/Image-Search-Engine/style.css
diff --git a/Vanilla-JS-Projects/Basic/Isogram-Checker/README.md b/projects/vanilla-js/basic/Isogram-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isogram-Checker/README.md
rename to projects/vanilla-js/basic/Isogram-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Isogram-Checker/index.html b/projects/vanilla-js/basic/Isogram-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isogram-Checker/index.html
rename to projects/vanilla-js/basic/Isogram-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Isogram-Checker/screenshot.webp b/projects/vanilla-js/basic/Isogram-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isogram-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Isogram-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Isogram-Checker/script.js b/projects/vanilla-js/basic/Isogram-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isogram-Checker/script.js
rename to projects/vanilla-js/basic/Isogram-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Isogram-Checker/style.css b/projects/vanilla-js/basic/Isogram-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isogram-Checker/style.css
rename to projects/vanilla-js/basic/Isogram-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/README.md b/projects/vanilla-js/basic/Isomorphic-Strings-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/README.md
rename to projects/vanilla-js/basic/Isomorphic-Strings-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/index.html b/projects/vanilla-js/basic/Isomorphic-Strings-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/index.html
rename to projects/vanilla-js/basic/Isomorphic-Strings-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/screenshot.webp b/projects/vanilla-js/basic/Isomorphic-Strings-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Isomorphic-Strings-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/script.js b/projects/vanilla-js/basic/Isomorphic-Strings-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/script.js
rename to projects/vanilla-js/basic/Isomorphic-Strings-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/style.css b/projects/vanilla-js/basic/Isomorphic-Strings-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Isomorphic-Strings-Checker/style.css
rename to projects/vanilla-js/basic/Isomorphic-Strings-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Joke-Telling-Website/README.md b/projects/vanilla-js/basic/Joke-Telling-Website/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Joke-Telling-Website/README.md
rename to projects/vanilla-js/basic/Joke-Telling-Website/README.md
diff --git a/Vanilla-JS-Projects/Basic/Joke-Telling-Website/index.html b/projects/vanilla-js/basic/Joke-Telling-Website/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Joke-Telling-Website/index.html
rename to projects/vanilla-js/basic/Joke-Telling-Website/index.html
diff --git a/Vanilla-JS-Projects/Basic/Joke-Telling-Website/screenshot.webp b/projects/vanilla-js/basic/Joke-Telling-Website/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Joke-Telling-Website/screenshot.webp
rename to projects/vanilla-js/basic/Joke-Telling-Website/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Joke-Telling-Website/script.js b/projects/vanilla-js/basic/Joke-Telling-Website/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Joke-Telling-Website/script.js
rename to projects/vanilla-js/basic/Joke-Telling-Website/script.js
diff --git a/Vanilla-JS-Projects/Basic/Joke-Telling-Website/style.css b/projects/vanilla-js/basic/Joke-Telling-Website/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Joke-Telling-Website/style.css
rename to projects/vanilla-js/basic/Joke-Telling-Website/style.css
diff --git a/Vanilla-JS-Projects/Basic/Leap-Year-Checker/README.md b/projects/vanilla-js/basic/Leap-Year-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Leap-Year-Checker/README.md
rename to projects/vanilla-js/basic/Leap-Year-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Leap-Year-Checker/index.html b/projects/vanilla-js/basic/Leap-Year-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Leap-Year-Checker/index.html
rename to projects/vanilla-js/basic/Leap-Year-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Leap-Year-Checker/screenshot.webp b/projects/vanilla-js/basic/Leap-Year-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Leap-Year-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Leap-Year-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Leap-Year-Checker/script.js b/projects/vanilla-js/basic/Leap-Year-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Leap-Year-Checker/script.js
rename to projects/vanilla-js/basic/Leap-Year-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Leap-Year-Checker/style.css b/projects/vanilla-js/basic/Leap-Year-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Leap-Year-Checker/style.css
rename to projects/vanilla-js/basic/Leap-Year-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Palindrome-Checker/images/background.jpg b/projects/vanilla-js/basic/Palindrome-Checker/images/background.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Palindrome-Checker/images/background.jpg
rename to projects/vanilla-js/basic/Palindrome-Checker/images/background.jpg
diff --git a/Vanilla-JS-Projects/Basic/Palindrome-Checker/images/cloudbg.avif b/projects/vanilla-js/basic/Palindrome-Checker/images/cloudbg.avif
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Palindrome-Checker/images/cloudbg.avif
rename to projects/vanilla-js/basic/Palindrome-Checker/images/cloudbg.avif
diff --git a/Vanilla-JS-Projects/Basic/Palindrome-Checker/index.html b/projects/vanilla-js/basic/Palindrome-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Palindrome-Checker/index.html
rename to projects/vanilla-js/basic/Palindrome-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Palindrome-Checker/readme.md b/projects/vanilla-js/basic/Palindrome-Checker/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Palindrome-Checker/readme.md
rename to projects/vanilla-js/basic/Palindrome-Checker/readme.md
diff --git a/Vanilla-JS-Projects/Basic/Palindrome-Checker/screenshot.webp b/projects/vanilla-js/basic/Palindrome-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Palindrome-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Palindrome-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Palindrome-Checker/script.js b/projects/vanilla-js/basic/Palindrome-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Palindrome-Checker/script.js
rename to projects/vanilla-js/basic/Palindrome-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Palindrome-Checker/styles.css b/projects/vanilla-js/basic/Palindrome-Checker/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Palindrome-Checker/styles.css
rename to projects/vanilla-js/basic/Palindrome-Checker/styles.css
diff --git a/Vanilla-JS-Projects/Basic/Pangram-Checker/README.md b/projects/vanilla-js/basic/Pangram-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Pangram-Checker/README.md
rename to projects/vanilla-js/basic/Pangram-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Pangram-Checker/index.html b/projects/vanilla-js/basic/Pangram-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Pangram-Checker/index.html
rename to projects/vanilla-js/basic/Pangram-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Pangram-Checker/screenshot.webp b/projects/vanilla-js/basic/Pangram-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Pangram-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Pangram-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Pangram-Checker/script.js b/projects/vanilla-js/basic/Pangram-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Pangram-Checker/script.js
rename to projects/vanilla-js/basic/Pangram-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Pangram-Checker/style.css b/projects/vanilla-js/basic/Pangram-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Pangram-Checker/style.css
rename to projects/vanilla-js/basic/Pangram-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Password-Manager/README.md b/projects/vanilla-js/basic/Password-Manager/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Password-Manager/README.md
rename to projects/vanilla-js/basic/Password-Manager/README.md
diff --git a/Vanilla-JS-Projects/Basic/Password-Manager/index.html b/projects/vanilla-js/basic/Password-Manager/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Password-Manager/index.html
rename to projects/vanilla-js/basic/Password-Manager/index.html
diff --git a/Vanilla-JS-Projects/Basic/Password-Manager/screenshot.webp b/projects/vanilla-js/basic/Password-Manager/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Password-Manager/screenshot.webp
rename to projects/vanilla-js/basic/Password-Manager/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Password-Manager/scripts.js b/projects/vanilla-js/basic/Password-Manager/scripts.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Password-Manager/scripts.js
rename to projects/vanilla-js/basic/Password-Manager/scripts.js
diff --git a/Vanilla-JS-Projects/Basic/Password-Manager/styles.css b/projects/vanilla-js/basic/Password-Manager/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Password-Manager/styles.css
rename to projects/vanilla-js/basic/Password-Manager/styles.css
diff --git a/Vanilla-JS-Projects/Basic/Perfect-Number-Checker/README.md b/projects/vanilla-js/basic/Perfect-Number-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Perfect-Number-Checker/README.md
rename to projects/vanilla-js/basic/Perfect-Number-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Perfect-Number-Checker/index.html b/projects/vanilla-js/basic/Perfect-Number-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Perfect-Number-Checker/index.html
rename to projects/vanilla-js/basic/Perfect-Number-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Perfect-Number-Checker/screenshot.webp b/projects/vanilla-js/basic/Perfect-Number-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Perfect-Number-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Perfect-Number-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Perfect-Number-Checker/script.js b/projects/vanilla-js/basic/Perfect-Number-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Perfect-Number-Checker/script.js
rename to projects/vanilla-js/basic/Perfect-Number-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Perfect-Number-Checker/style.css b/projects/vanilla-js/basic/Perfect-Number-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Perfect-Number-Checker/style.css
rename to projects/vanilla-js/basic/Perfect-Number-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Prime-Number-Checker/README.md b/projects/vanilla-js/basic/Prime-Number-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Prime-Number-Checker/README.md
rename to projects/vanilla-js/basic/Prime-Number-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Prime-Number-Checker/index.html b/projects/vanilla-js/basic/Prime-Number-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Prime-Number-Checker/index.html
rename to projects/vanilla-js/basic/Prime-Number-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Prime-Number-Checker/screenshot.webp b/projects/vanilla-js/basic/Prime-Number-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Prime-Number-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Prime-Number-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Prime-Number-Checker/script.js b/projects/vanilla-js/basic/Prime-Number-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Prime-Number-Checker/script.js
rename to projects/vanilla-js/basic/Prime-Number-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Prime-Number-Checker/style.css b/projects/vanilla-js/basic/Prime-Number-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Prime-Number-Checker/style.css
rename to projects/vanilla-js/basic/Prime-Number-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Quote-Generator/README.md b/projects/vanilla-js/basic/Quote-Generator/README.md
similarity index 97%
rename from Vanilla-JS-Projects/Basic/Quote-Generator/README.md
rename to projects/vanilla-js/basic/Quote-Generator/README.md
index 5642b36c..c25edba3 100644
--- a/Vanilla-JS-Projects/Basic/Quote-Generator/README.md
+++ b/projects/vanilla-js/basic/Quote-Generator/README.md
@@ -1,60 +1,60 @@
-<h1 align='center'><b>💥 Random Quote Generator 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-- Beginner friendly project.
-- Enables the users to randomly generate various quotes.
-- Designed using HTML, CSS and Javascript
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-<!-- add the steps how to run the project -->
-- Clone this repository.
-- Navigate to this project directory
-- Run the `index.html` file. 
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-<!-- add the screenshot of the project (Mandatory) -->
-
-![img](./screenshot.webp)
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Siddheya Kulkarni</i></b> 👦</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/siddheya-kulkarni'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/Asymtode712'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
+<h1 align='center'><b>💥 Random Quote Generator 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+- Beginner friendly project.
+- Enables the users to randomly generate various quotes.
+- Designed using HTML, CSS and Javascript
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- add the steps how to run the project -->
+- Clone this repository.
+- Navigate to this project directory
+- Run the `index.html` file. 
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+![img](./screenshot.webp)
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Siddheya Kulkarni</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/siddheya-kulkarni'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/Asymtode712'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
 <h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/Quote-Generator/index.html b/projects/vanilla-js/basic/Quote-Generator/index.html
similarity index 96%
rename from Vanilla-JS-Projects/Basic/Quote-Generator/index.html
rename to projects/vanilla-js/basic/Quote-Generator/index.html
index 539bd111..1e9be3dd 100644
--- a/Vanilla-JS-Projects/Basic/Quote-Generator/index.html
+++ b/projects/vanilla-js/basic/Quote-Generator/index.html
@@ -1,19 +1,19 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Random Quote Generator</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <div class="container">
-        <h1>Random Quote Generator</h1>
-        <button onclick="generateQuote()">Generate Quote</button>
-    </div>
-    <div class="quote-container" id="quote-container">
-        <div id="quote"></div>
-    </div>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Random Quote Generator</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Random Quote Generator</h1>
+        <button onclick="generateQuote()">Generate Quote</button>
+    </div>
+    <div class="quote-container" id="quote-container">
+        <div id="quote"></div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Basic/Quote-Generator/screenshot.webp b/projects/vanilla-js/basic/Quote-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Quote-Generator/screenshot.webp
rename to projects/vanilla-js/basic/Quote-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Quote-Generator/script.js b/projects/vanilla-js/basic/Quote-Generator/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Basic/Quote-Generator/script.js
rename to projects/vanilla-js/basic/Quote-Generator/script.js
index 180970eb..a913890c 100644
--- a/Vanilla-JS-Projects/Basic/Quote-Generator/script.js
+++ b/projects/vanilla-js/basic/Quote-Generator/script.js
@@ -1,29 +1,29 @@
-async function generateQuote() {
-    const quoteContainer = document.getElementById('quote');
-    const quoteContainerDiv = document.getElementById('quote-container');
-
-    // Hide the container while fetching the new quote
-    quoteContainerDiv.classList.remove('show');
-
-    quoteContainer.innerHTML = 'Loading...';
-
-    try {
-        const response = await fetch('https://api.quotable.io/random');
-        const data = await response.json();
-
-        quoteContainer.innerHTML = `"${data.content}" - ${data.author}`;
-
-        // Ensure a slight delay to allow CSS changes to apply
-        setTimeout(() => {
-            quoteContainerDiv.style.display = 'block';
-            quoteContainerDiv.classList.add('show');
-        }, 100);
-    } catch (error) {
-        quoteContainer.innerHTML = 'Error fetching quote. Please try again.';
-
-        setTimeout(() => {
-            quoteContainerDiv.style.display = 'block';
-            quoteContainerDiv.classList.add('show');
-        }, 100);
-    }
-}
+async function generateQuote() {
+    const quoteContainer = document.getElementById('quote');
+    const quoteContainerDiv = document.getElementById('quote-container');
+
+    // Hide the container while fetching the new quote
+    quoteContainerDiv.classList.remove('show');
+
+    quoteContainer.innerHTML = 'Loading...';
+
+    try {
+        const response = await fetch('https://api.quotable.io/random');
+        const data = await response.json();
+
+        quoteContainer.innerHTML = `"${data.content}" - ${data.author}`;
+
+        // Ensure a slight delay to allow CSS changes to apply
+        setTimeout(() => {
+            quoteContainerDiv.style.display = 'block';
+            quoteContainerDiv.classList.add('show');
+        }, 100);
+    } catch (error) {
+        quoteContainer.innerHTML = 'Error fetching quote. Please try again.';
+
+        setTimeout(() => {
+            quoteContainerDiv.style.display = 'block';
+            quoteContainerDiv.classList.add('show');
+        }, 100);
+    }
+}
diff --git a/Vanilla-JS-Projects/Basic/Quote-Generator/styles.css b/projects/vanilla-js/basic/Quote-Generator/styles.css
similarity index 95%
rename from Vanilla-JS-Projects/Basic/Quote-Generator/styles.css
rename to projects/vanilla-js/basic/Quote-Generator/styles.css
index 96d366ce..a0936414 100644
--- a/Vanilla-JS-Projects/Basic/Quote-Generator/styles.css
+++ b/projects/vanilla-js/basic/Quote-Generator/styles.css
@@ -1,56 +1,56 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-
-body {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background-image: linear-gradient(to right, #DECBA4, #3E5151);
-    margin: 0;
-}
-
-.container {
-    font-family: "Poppins", sans-serif;
-    text-align: center;
-    background: white;
-    padding: 20px;
-    border-radius: 8px;
-    box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.5);
-    margin-top: 100px;
-}
-
-.quote-container {
-    text-align: center;
-    background: white;
-    font-family: "Poppins", sans-serif;
-    padding: 30px;
-    border-radius: 8px;
-    box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.5);
-    margin-top: 50px;
-    width: 40%;
-    opacity: 0; /* Initial state is fully transparent */
-    visibility: hidden; /* Initially hidden */
-    transition: opacity 0.8s ease, visibility 0.8s ease; /* Transition effects */
-}
-
-.quote-container.show {
-    opacity: 1; /* Fully opaque */
-    visibility: visible; /* Make visible */
-}
-
-#quote {
-    font-size: 1.2em;
-}
-
-button {
-    padding: 10px 20px;
-    border: none;
-    background-color: #007BFF;
-    color: white;
-    border-radius: 4px;
-    cursor: pointer;
-}
-
-button:hover {
-    cursor: pointer;
-    background-color: #0056b3;
-}
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
+
+body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-image: linear-gradient(to right, #DECBA4, #3E5151);
+    margin: 0;
+}
+
+.container {
+    font-family: "Poppins", sans-serif;
+    text-align: center;
+    background: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.5);
+    margin-top: 100px;
+}
+
+.quote-container {
+    text-align: center;
+    background: white;
+    font-family: "Poppins", sans-serif;
+    padding: 30px;
+    border-radius: 8px;
+    box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.5);
+    margin-top: 50px;
+    width: 40%;
+    opacity: 0; /* Initial state is fully transparent */
+    visibility: hidden; /* Initially hidden */
+    transition: opacity 0.8s ease, visibility 0.8s ease; /* Transition effects */
+}
+
+.quote-container.show {
+    opacity: 1; /* Fully opaque */
+    visibility: visible; /* Make visible */
+}
+
+#quote {
+    font-size: 1.2em;
+}
+
+button {
+    padding: 10px 20px;
+    border: none;
+    background-color: #007BFF;
+    color: white;
+    border-radius: 4px;
+    cursor: pointer;
+}
+
+button:hover {
+    cursor: pointer;
+    background-color: #0056b3;
+}
diff --git a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/Readme.md b/projects/vanilla-js/basic/RGB-Color-Slider/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/RGB-Color-Slider/Readme.md
rename to projects/vanilla-js/basic/RGB-Color-Slider/Readme.md
diff --git a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/index.html b/projects/vanilla-js/basic/RGB-Color-Slider/index.html
similarity index 97%
rename from Vanilla-JS-Projects/Basic/RGB-Color-Slider/index.html
rename to projects/vanilla-js/basic/RGB-Color-Slider/index.html
index d090e2dc..0ae366aa 100644
--- a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/index.html
+++ b/projects/vanilla-js/basic/RGB-Color-Slider/index.html
@@ -1,52 +1,52 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="style.css">
-    <title>RGB Color Slider</title>
-</head>
-<body>
-    <div class="container well well-lg">
-        <div class="jumbotron ">
-            <h1><span style="color : red">R</span><span style="color: green">G</span><span style="color: blue;">B</span> Color Slider</h1>
-        </div>
-    </div>
-    <p style="display: flex; justify-content: center; font-weight: 100; font-family: sans-serif; font-size: larger;">Adjust Your Values</p>
-    <div class="container col">
-        <!-- Row for R -->
-        <div class="row col-lg-4">
-            <div class="col-sm-4">
-                <p style="color: red;">R</p>
-            </div>
-            <div class="col-sm-4 slidecontainer">
-                <input type="range" min="0" max="255" value="0" class="slider" id="R">
-            </div>
-            <div class="col-sm-4" id="OutputR"></div>
-        </div>
-        <!-- Row for G -->
-        <div class="row col-lg-4">
-            <div class="col-sm-4">
-                <p style="color: green;">G</p>
-            </div>
-            <div class="col-sm-4 slidecontainer">
-                <input type="range" min="0" max="255" value="0" class="slider" id="G">
-            </div>
-            <div class="col-sm-4" id="OutputG"></div>
-        </div>
-        <!-- Row for B -->
-        <div class="row col-lg-4">
-            <div class="col-sm-4">
-                <p style="color: blue;">B</p>
-            </div>
-            <div class="col-sm-4 slidecontainer">
-                <input type="range" min="0" max="255" value="0" class="slider" id="B">
-            </div>
-            <div class="col-sm-4" id="OutputB"></div>
-        </div>
-    </div>
-    <div class="container " id="square" ></div>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+    <title>RGB Color Slider</title>
+</head>
+<body>
+    <div class="container well well-lg">
+        <div class="jumbotron ">
+            <h1><span style="color : red">R</span><span style="color: green">G</span><span style="color: blue;">B</span> Color Slider</h1>
+        </div>
+    </div>
+    <p style="display: flex; justify-content: center; font-weight: 100; font-family: sans-serif; font-size: larger;">Adjust Your Values</p>
+    <div class="container col">
+        <!-- Row for R -->
+        <div class="row col-lg-4">
+            <div class="col-sm-4">
+                <p style="color: red;">R</p>
+            </div>
+            <div class="col-sm-4 slidecontainer">
+                <input type="range" min="0" max="255" value="0" class="slider" id="R">
+            </div>
+            <div class="col-sm-4" id="OutputR"></div>
+        </div>
+        <!-- Row for G -->
+        <div class="row col-lg-4">
+            <div class="col-sm-4">
+                <p style="color: green;">G</p>
+            </div>
+            <div class="col-sm-4 slidecontainer">
+                <input type="range" min="0" max="255" value="0" class="slider" id="G">
+            </div>
+            <div class="col-sm-4" id="OutputG"></div>
+        </div>
+        <!-- Row for B -->
+        <div class="row col-lg-4">
+            <div class="col-sm-4">
+                <p style="color: blue;">B</p>
+            </div>
+            <div class="col-sm-4 slidecontainer">
+                <input type="range" min="0" max="255" value="0" class="slider" id="B">
+            </div>
+            <div class="col-sm-4" id="OutputB"></div>
+        </div>
+    </div>
+    <div class="container " id="square" ></div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/screenshot.webp b/projects/vanilla-js/basic/RGB-Color-Slider/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/RGB-Color-Slider/screenshot.webp
rename to projects/vanilla-js/basic/RGB-Color-Slider/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/script.js b/projects/vanilla-js/basic/RGB-Color-Slider/script.js
similarity index 95%
rename from Vanilla-JS-Projects/Basic/RGB-Color-Slider/script.js
rename to projects/vanilla-js/basic/RGB-Color-Slider/script.js
index 015d6c9b..68fc9335 100644
--- a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/script.js
+++ b/projects/vanilla-js/basic/RGB-Color-Slider/script.js
@@ -1,40 +1,40 @@
-
-var sliderR = document.getElementById("R");
-var sliderG = document.getElementById("G");
-var sliderB = document.getElementById("B");
-var Square =  document.getElementById("square");
-
-var outputR = document.getElementById("OutputR");
-var outputG = document.getElementById("OutputG");
-var outputB = document.getElementById("OutputB");
-
-
-outputR.innerHTML = sliderR.value;
-outputG.innerHTML = sliderG.value;
-outputB.innerHTML = sliderB.value;
-
-
-sliderR.oninput = function() {
-  outputR.innerHTML = this.value;
-  changeColor();
-}
-
-sliderG.oninput = function() {
-  outputG.innerHTML = this.value;
-  changeColor();
-}
-
-sliderB.oninput = function() {
-  outputB.innerHTML = this.value;
-  changeColor();
-}
-
-function changeColor() {
-  var r = sliderR.value;
-  var g = sliderG.value;
-  var b = sliderB.value;
-  Square.style.backgroundColor = `rgb(${r},${g},${b})`;
-}
-
-
+
+var sliderR = document.getElementById("R");
+var sliderG = document.getElementById("G");
+var sliderB = document.getElementById("B");
+var Square =  document.getElementById("square");
+
+var outputR = document.getElementById("OutputR");
+var outputG = document.getElementById("OutputG");
+var outputB = document.getElementById("OutputB");
+
+
+outputR.innerHTML = sliderR.value;
+outputG.innerHTML = sliderG.value;
+outputB.innerHTML = sliderB.value;
+
+
+sliderR.oninput = function() {
+  outputR.innerHTML = this.value;
+  changeColor();
+}
+
+sliderG.oninput = function() {
+  outputG.innerHTML = this.value;
+  changeColor();
+}
+
+sliderB.oninput = function() {
+  outputB.innerHTML = this.value;
+  changeColor();
+}
+
+function changeColor() {
+  var r = sliderR.value;
+  var g = sliderG.value;
+  var b = sliderB.value;
+  Square.style.backgroundColor = `rgb(${r},${g},${b})`;
+}
+
+
 changeColor();
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/style.css b/projects/vanilla-js/basic/RGB-Color-Slider/style.css
similarity index 92%
rename from Vanilla-JS-Projects/Basic/RGB-Color-Slider/style.css
rename to projects/vanilla-js/basic/RGB-Color-Slider/style.css
index 27fd956d..f812e11e 100644
--- a/Vanilla-JS-Projects/Basic/RGB-Color-Slider/style.css
+++ b/projects/vanilla-js/basic/RGB-Color-Slider/style.css
@@ -1,16 +1,16 @@
-.container 
-  {
-    display:flex;
-    justify-content: center;
-  }
-
-#square {
-    height: 200px;
-    width: 200px;
-    background-color: rgb(0,0,0);
-    
-  }
-
-body{
-  background-color: rgb(220, 220, 220);
-} 
+.container 
+  {
+    display:flex;
+    justify-content: center;
+  }
+
+#square {
+    height: 200px;
+    width: 200px;
+    background-color: rgb(0,0,0);
+    
+  }
+
+body{
+  background-color: rgb(220, 220, 220);
+} 
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/README.md b/projects/vanilla-js/basic/Random-Advice-Generator/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/README.md
rename to projects/vanilla-js/basic/Random-Advice-Generator/README.md
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/images/icon-dice.svg b/projects/vanilla-js/basic/Random-Advice-Generator/images/icon-dice.svg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/images/icon-dice.svg
rename to projects/vanilla-js/basic/Random-Advice-Generator/images/icon-dice.svg
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/images/pattern-divider-desktop.svg b/projects/vanilla-js/basic/Random-Advice-Generator/images/pattern-divider-desktop.svg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/images/pattern-divider-desktop.svg
rename to projects/vanilla-js/basic/Random-Advice-Generator/images/pattern-divider-desktop.svg
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/images/pattern-divider-mobile.svg b/projects/vanilla-js/basic/Random-Advice-Generator/images/pattern-divider-mobile.svg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/images/pattern-divider-mobile.svg
rename to projects/vanilla-js/basic/Random-Advice-Generator/images/pattern-divider-mobile.svg
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/index.html b/projects/vanilla-js/basic/Random-Advice-Generator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/index.html
rename to projects/vanilla-js/basic/Random-Advice-Generator/index.html
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/screenshot.webp b/projects/vanilla-js/basic/Random-Advice-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/screenshot.webp
rename to projects/vanilla-js/basic/Random-Advice-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/script.js b/projects/vanilla-js/basic/Random-Advice-Generator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/script.js
rename to projects/vanilla-js/basic/Random-Advice-Generator/script.js
diff --git a/Vanilla-JS-Projects/Basic/Random-Advice-Generator/style.css b/projects/vanilla-js/basic/Random-Advice-Generator/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Advice-Generator/style.css
rename to projects/vanilla-js/basic/Random-Advice-Generator/style.css
diff --git a/Vanilla-JS-Projects/Basic/Random-Picker/README.md b/projects/vanilla-js/basic/Random-Picker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Picker/README.md
rename to projects/vanilla-js/basic/Random-Picker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Random-Picker/index.html b/projects/vanilla-js/basic/Random-Picker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Picker/index.html
rename to projects/vanilla-js/basic/Random-Picker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Random-Picker/screenshot.webp b/projects/vanilla-js/basic/Random-Picker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Picker/screenshot.webp
rename to projects/vanilla-js/basic/Random-Picker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Random-Picker/script.js b/projects/vanilla-js/basic/Random-Picker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Picker/script.js
rename to projects/vanilla-js/basic/Random-Picker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Random-Picker/style.css b/projects/vanilla-js/basic/Random-Picker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Random-Picker/style.css
rename to projects/vanilla-js/basic/Random-Picker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Star-Rating-Component/README.md b/projects/vanilla-js/basic/Star-Rating-Component/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Star-Rating-Component/README.md
rename to projects/vanilla-js/basic/Star-Rating-Component/README.md
diff --git a/Vanilla-JS-Projects/Basic/Star-Rating-Component/images/icon-star.svg b/projects/vanilla-js/basic/Star-Rating-Component/images/icon-star.svg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Star-Rating-Component/images/icon-star.svg
rename to projects/vanilla-js/basic/Star-Rating-Component/images/icon-star.svg
diff --git a/Vanilla-JS-Projects/Basic/Star-Rating-Component/images/illustration-thank-you.svg b/projects/vanilla-js/basic/Star-Rating-Component/images/illustration-thank-you.svg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Star-Rating-Component/images/illustration-thank-you.svg
rename to projects/vanilla-js/basic/Star-Rating-Component/images/illustration-thank-you.svg
diff --git a/Vanilla-JS-Projects/Basic/Star-Rating-Component/index.html b/projects/vanilla-js/basic/Star-Rating-Component/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Star-Rating-Component/index.html
rename to projects/vanilla-js/basic/Star-Rating-Component/index.html
diff --git a/Vanilla-JS-Projects/Basic/Star-Rating-Component/screenshot.webp b/projects/vanilla-js/basic/Star-Rating-Component/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Star-Rating-Component/screenshot.webp
rename to projects/vanilla-js/basic/Star-Rating-Component/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Star-Rating-Component/script.js b/projects/vanilla-js/basic/Star-Rating-Component/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Star-Rating-Component/script.js
rename to projects/vanilla-js/basic/Star-Rating-Component/script.js
diff --git a/Vanilla-JS-Projects/Basic/Star-Rating-Component/style.css b/projects/vanilla-js/basic/Star-Rating-Component/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Star-Rating-Component/style.css
rename to projects/vanilla-js/basic/Star-Rating-Component/style.css
diff --git a/Vanilla-JS-Projects/Basic/Stop-Watch/README.md b/projects/vanilla-js/basic/Stop-Watch/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Stop-Watch/README.md
rename to projects/vanilla-js/basic/Stop-Watch/README.md
diff --git a/Vanilla-JS-Projects/Basic/Stop-Watch/background.jpg b/projects/vanilla-js/basic/Stop-Watch/background.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Stop-Watch/background.jpg
rename to projects/vanilla-js/basic/Stop-Watch/background.jpg
diff --git a/Vanilla-JS-Projects/Basic/Stop-Watch/index.html b/projects/vanilla-js/basic/Stop-Watch/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Stop-Watch/index.html
rename to projects/vanilla-js/basic/Stop-Watch/index.html
diff --git a/Vanilla-JS-Projects/Basic/Stop-Watch/screenshot.webp b/projects/vanilla-js/basic/Stop-Watch/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Stop-Watch/screenshot.webp
rename to projects/vanilla-js/basic/Stop-Watch/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Stop-Watch/script.js b/projects/vanilla-js/basic/Stop-Watch/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Stop-Watch/script.js
rename to projects/vanilla-js/basic/Stop-Watch/script.js
diff --git a/Vanilla-JS-Projects/Basic/Stop-Watch/style.css b/projects/vanilla-js/basic/Stop-Watch/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Stop-Watch/style.css
rename to projects/vanilla-js/basic/Stop-Watch/style.css
diff --git a/Vanilla-JS-Projects/Basic/Stopwatch/README.md b/projects/vanilla-js/basic/Stopwatch/README.md
similarity index 97%
rename from Vanilla-JS-Projects/Basic/Stopwatch/README.md
rename to projects/vanilla-js/basic/Stopwatch/README.md
index 00dad7f2..593d1578 100644
--- a/Vanilla-JS-Projects/Basic/Stopwatch/README.md
+++ b/projects/vanilla-js/basic/Stopwatch/README.md
@@ -1,58 +1,58 @@
-<h1 align='center'><b>💥 Stopwatch 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-- Beginner friendly project.
-- The project is a sleek and efficient stopwatch application built using HTML, CSS, and JavaScript.
-- Designed with simplicity and functionality in mind, it allows users to accurately track time with precision.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-<!-- add the steps how to run the project -->
-- Fork this project and run the `index.html` file directly.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-<!-- add the screenshot of the project (Mandatory) -->
-
-![img](./screenshot.webp)
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Abirami Gurushanker</i></b> 👧</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/abirami-gurushanker-b549a725a'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/A-b-i-r-a-m-i-G-S'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 Stopwatch 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+- Beginner friendly project.
+- The project is a sleek and efficient stopwatch application built using HTML, CSS, and JavaScript.
+- Designed with simplicity and functionality in mind, it allows users to accurately track time with precision.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- add the steps how to run the project -->
+- Fork this project and run the `index.html` file directly.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+![img](./screenshot.webp)
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Abirami Gurushanker</i></b> 👧</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/abirami-gurushanker-b549a725a'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/A-b-i-r-a-m-i-G-S'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Basic/Stopwatch/index.html b/projects/vanilla-js/basic/Stopwatch/index.html
similarity index 96%
rename from Vanilla-JS-Projects/Basic/Stopwatch/index.html
rename to projects/vanilla-js/basic/Stopwatch/index.html
index dfaaa93f..d6462da0 100644
--- a/Vanilla-JS-Projects/Basic/Stopwatch/index.html
+++ b/projects/vanilla-js/basic/Stopwatch/index.html
@@ -1,21 +1,21 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Stopwatch</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <h1>Stopwatch</h1>
-    <div class="main">
-        <h2><span id="hour">00</span> : <span id="min">00</span> : <span id="sec">00</span></h2>
-        <div>
-            <button id="pause">Pause</button>
-            <button id="play">Play</button>
-            <button id="reset">Reset</button>
-        </div>
-    </div>
-    <script src="script.js"></script>
-</body>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Stopwatch</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <h1>Stopwatch</h1>
+    <div class="main">
+        <h2><span id="hour">00</span> : <span id="min">00</span> : <span id="sec">00</span></h2>
+        <div>
+            <button id="pause">Pause</button>
+            <button id="play">Play</button>
+            <button id="reset">Reset</button>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
 </html>
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/Stopwatch/screenshot.webp b/projects/vanilla-js/basic/Stopwatch/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Stopwatch/screenshot.webp
rename to projects/vanilla-js/basic/Stopwatch/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Stopwatch/script.js b/projects/vanilla-js/basic/Stopwatch/script.js
similarity index 96%
rename from Vanilla-JS-Projects/Basic/Stopwatch/script.js
rename to projects/vanilla-js/basic/Stopwatch/script.js
index fb5103a1..b3469a68 100644
--- a/Vanilla-JS-Projects/Basic/Stopwatch/script.js
+++ b/projects/vanilla-js/basic/Stopwatch/script.js
@@ -1,73 +1,73 @@
-// selecting elements from the DOM
-let h = document.querySelector("#hour");
-let m = document.querySelector("#min");
-let s = document.querySelector("#sec");
-
-// selecting buttons from the DOM
-let playBtn = document.querySelector("#play");
-let pauseBtn = document.querySelector("#pause");
-let resetBtn = document.querySelector("#reset");
-
-// global variable to keep track of stopwatch
-let started = false;
-
-// event listener for play button
-playBtn.addEventListener("click", ()=>{
-    started = true; //starting the timer
-    startTimer();
-})
-
-// event listener for pause button
-pauseBtn.addEventListener("click", ()=>{
-    started = false; //setting started to false stops the timer
-})
-
-// event listener for reset button
-resetBtn.addEventListener("click", ()=>{
-    started = false;
-    // reseting values to default values
-    s.innerText = "00";
-    m.innerText = "00";
-    h.innerText = "00";
-})
-
-// function that starts the timer
-let startTimer = function(){
-    // checking if timer has been started
-    if(started === true){
-        // extracting current time
-        var seconds = parseInt(s.innerText);
-        var minutes = parseInt(m.innerText);
-        var hours = parseInt(h.innerText);
-
-        if(minutes==59 && seconds==59){
-            // time is x: 59: 59 so the next time should be x+1:00:00
-            s.innerText = "00";
-            m.innerText = "00";
-            h.innerText = (hours+1).toString(); //incrementing hours
-        }
-        else if(seconds<=8){
-            // if seconds <=8 it must start with a zero
-            s.innerText = "0" + (seconds + 1).toString();
-        }
-        else if (seconds<59){
-            //incrementing seconds
-            s.innerText = (seconds + 1).toString();
-        }
-        else if (seconds==59){
-            // time is x: y: 59 so the next time should be x:y+1:00
-            s.innerText = "00";
-            if(minutes<=8){
-                // if minutes <=8 it must start with a zero
-                m.innerText = "0" + (minutes+1).toString();
-            }
-            else{
-                // incrementing minutes
-                m.innerText = (minutes + 1).toString();
-            }
-        }
-        // recursively calling startTimer with a delay of one second
-        setTimeout(startTimer,1000);
-    }
-    
+// selecting elements from the DOM
+let h = document.querySelector("#hour");
+let m = document.querySelector("#min");
+let s = document.querySelector("#sec");
+
+// selecting buttons from the DOM
+let playBtn = document.querySelector("#play");
+let pauseBtn = document.querySelector("#pause");
+let resetBtn = document.querySelector("#reset");
+
+// global variable to keep track of stopwatch
+let started = false;
+
+// event listener for play button
+playBtn.addEventListener("click", ()=>{
+    started = true; //starting the timer
+    startTimer();
+})
+
+// event listener for pause button
+pauseBtn.addEventListener("click", ()=>{
+    started = false; //setting started to false stops the timer
+})
+
+// event listener for reset button
+resetBtn.addEventListener("click", ()=>{
+    started = false;
+    // reseting values to default values
+    s.innerText = "00";
+    m.innerText = "00";
+    h.innerText = "00";
+})
+
+// function that starts the timer
+let startTimer = function(){
+    // checking if timer has been started
+    if(started === true){
+        // extracting current time
+        var seconds = parseInt(s.innerText);
+        var minutes = parseInt(m.innerText);
+        var hours = parseInt(h.innerText);
+
+        if(minutes==59 && seconds==59){
+            // time is x: 59: 59 so the next time should be x+1:00:00
+            s.innerText = "00";
+            m.innerText = "00";
+            h.innerText = (hours+1).toString(); //incrementing hours
+        }
+        else if(seconds<=8){
+            // if seconds <=8 it must start with a zero
+            s.innerText = "0" + (seconds + 1).toString();
+        }
+        else if (seconds<59){
+            //incrementing seconds
+            s.innerText = (seconds + 1).toString();
+        }
+        else if (seconds==59){
+            // time is x: y: 59 so the next time should be x:y+1:00
+            s.innerText = "00";
+            if(minutes<=8){
+                // if minutes <=8 it must start with a zero
+                m.innerText = "0" + (minutes+1).toString();
+            }
+            else{
+                // incrementing minutes
+                m.innerText = (minutes + 1).toString();
+            }
+        }
+        // recursively calling startTimer with a delay of one second
+        setTimeout(startTimer,1000);
+    }
+    
 }    
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/Stopwatch/styles.css b/projects/vanilla-js/basic/Stopwatch/styles.css
similarity index 94%
rename from Vanilla-JS-Projects/Basic/Stopwatch/styles.css
rename to projects/vanilla-js/basic/Stopwatch/styles.css
index 99295c22..9484e739 100644
--- a/Vanilla-JS-Projects/Basic/Stopwatch/styles.css
+++ b/projects/vanilla-js/basic/Stopwatch/styles.css
@@ -1,68 +1,68 @@
-body{
-    background: #3c3ab4;
-    background: linear-gradient(90deg, #3c3ab4 21%, #da1151 87%);
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-}
-
-.main{
-    background-color: rgba(0, 0, 0, 0.3);
-    width: 75%;
-    height: 300px;
-    margin: 100px auto;
-    border-radius: 20px;
-}
-
-h1{
-    color: white;
-    opacity: 0.9;
-    font-size: 5rem;
-    text-align: center;
-}
-
-h2{
-    font-size: 7rem;
-    color: white;
-    opacity: 0.8;
-    margin: 0 auto;   
-    text-align: center; 
-}
-
-.main div{
-    display: flex;
-    margin: 2rem auto;
-    justify-content: space-around;
-}
-
-button{
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    font-size: 1.5rem;
-    border: none;
-    border-radius: 2rem;
-    padding: 0.5rem 1.5rem;
-    background-color: rgba(255,255,255,0.9);
-    box-shadow: 0px 0px 5px 7px white;
-}
-
-
-
-/* responsiveness */
-
-@media (max-width: 800px){
-    .main{
-        height: 250px;
-    }
-    h2{
-        font-size: 6rem;
-    }
-    
-}
-
-@media (max-width: 690px){
-    h2{
-        font-size: 5rem;
-    }
-    .main div{
-        flex-wrap: wrap;
-        align-items: center;
-    }
+body{
+    background: #3c3ab4;
+    background: linear-gradient(90deg, #3c3ab4 21%, #da1151 87%);
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.main{
+    background-color: rgba(0, 0, 0, 0.3);
+    width: 75%;
+    height: 300px;
+    margin: 100px auto;
+    border-radius: 20px;
+}
+
+h1{
+    color: white;
+    opacity: 0.9;
+    font-size: 5rem;
+    text-align: center;
+}
+
+h2{
+    font-size: 7rem;
+    color: white;
+    opacity: 0.8;
+    margin: 0 auto;   
+    text-align: center; 
+}
+
+.main div{
+    display: flex;
+    margin: 2rem auto;
+    justify-content: space-around;
+}
+
+button{
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-size: 1.5rem;
+    border: none;
+    border-radius: 2rem;
+    padding: 0.5rem 1.5rem;
+    background-color: rgba(255,255,255,0.9);
+    box-shadow: 0px 0px 5px 7px white;
+}
+
+
+
+/* responsiveness */
+
+@media (max-width: 800px){
+    .main{
+        height: 250px;
+    }
+    h2{
+        font-size: 6rem;
+    }
+    
+}
+
+@media (max-width: 690px){
+    h2{
+        font-size: 5rem;
+    }
+    .main div{
+        flex-wrap: wrap;
+        align-items: center;
+    }
 }
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/Subsequence-Checker/README.md b/projects/vanilla-js/basic/Subsequence-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Subsequence-Checker/README.md
rename to projects/vanilla-js/basic/Subsequence-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Subsequence-Checker/index.html b/projects/vanilla-js/basic/Subsequence-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Subsequence-Checker/index.html
rename to projects/vanilla-js/basic/Subsequence-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Subsequence-Checker/screenshot.webp b/projects/vanilla-js/basic/Subsequence-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Subsequence-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Subsequence-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Subsequence-Checker/script.js b/projects/vanilla-js/basic/Subsequence-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Subsequence-Checker/script.js
rename to projects/vanilla-js/basic/Subsequence-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Subsequence-Checker/style.css b/projects/vanilla-js/basic/Subsequence-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Subsequence-Checker/style.css
rename to projects/vanilla-js/basic/Subsequence-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Substring-Checker/README.md b/projects/vanilla-js/basic/Substring-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Substring-Checker/README.md
rename to projects/vanilla-js/basic/Substring-Checker/README.md
diff --git a/Vanilla-JS-Projects/Basic/Substring-Checker/index.html b/projects/vanilla-js/basic/Substring-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Substring-Checker/index.html
rename to projects/vanilla-js/basic/Substring-Checker/index.html
diff --git a/Vanilla-JS-Projects/Basic/Substring-Checker/screenshot.webp b/projects/vanilla-js/basic/Substring-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Substring-Checker/screenshot.webp
rename to projects/vanilla-js/basic/Substring-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Substring-Checker/script.js b/projects/vanilla-js/basic/Substring-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Substring-Checker/script.js
rename to projects/vanilla-js/basic/Substring-Checker/script.js
diff --git a/Vanilla-JS-Projects/Basic/Substring-Checker/style.css b/projects/vanilla-js/basic/Substring-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Substring-Checker/style.css
rename to projects/vanilla-js/basic/Substring-Checker/style.css
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/Readme.md b/projects/vanilla-js/basic/Tesla-Website-Clone/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/Readme.md
rename to projects/vanilla-js/basic/Tesla-Website-Clone/Readme.md
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-3.png b/projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-3.png
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-3.png
rename to projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-3.png
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-S.png b/projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-S.png
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-S.png
rename to projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-S.png
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-X.png b/projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-X.png
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-X.png
rename to projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-X.png
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-Y.mp4 b/projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-Y.mp4
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Model-Y.mp4
rename to projects/vanilla-js/basic/Tesla-Website-Clone/img/Model-Y.mp4
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Tesla-Logo.png b/projects/vanilla-js/basic/Tesla-Website-Clone/img/Tesla-Logo.png
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/img/Tesla-Logo.png
rename to projects/vanilla-js/basic/Tesla-Website-Clone/img/Tesla-Logo.png
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/index.html b/projects/vanilla-js/basic/Tesla-Website-Clone/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/index.html
rename to projects/vanilla-js/basic/Tesla-Website-Clone/index.html
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/screenshot.webp b/projects/vanilla-js/basic/Tesla-Website-Clone/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/screenshot.webp
rename to projects/vanilla-js/basic/Tesla-Website-Clone/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/script.js b/projects/vanilla-js/basic/Tesla-Website-Clone/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/script.js
rename to projects/vanilla-js/basic/Tesla-Website-Clone/script.js
diff --git a/Vanilla-JS-Projects/Basic/Tesla-Website-Clone/style.css b/projects/vanilla-js/basic/Tesla-Website-Clone/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Tesla-Website-Clone/style.css
rename to projects/vanilla-js/basic/Tesla-Website-Clone/style.css
diff --git a/Vanilla-JS-Projects/Basic/Text-Translator/index.html b/projects/vanilla-js/basic/Text-Translator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Text-Translator/index.html
rename to projects/vanilla-js/basic/Text-Translator/index.html
diff --git a/Vanilla-JS-Projects/Basic/Text-Translator/readme.md b/projects/vanilla-js/basic/Text-Translator/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Text-Translator/readme.md
rename to projects/vanilla-js/basic/Text-Translator/readme.md
diff --git a/Vanilla-JS-Projects/Basic/Text-Translator/screenshot.webp b/projects/vanilla-js/basic/Text-Translator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Text-Translator/screenshot.webp
rename to projects/vanilla-js/basic/Text-Translator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Text-Translator/script.js b/projects/vanilla-js/basic/Text-Translator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Text-Translator/script.js
rename to projects/vanilla-js/basic/Text-Translator/script.js
diff --git a/Vanilla-JS-Projects/Basic/Text-Translator/style.css b/projects/vanilla-js/basic/Text-Translator/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Text-Translator/style.css
rename to projects/vanilla-js/basic/Text-Translator/style.css
diff --git a/Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/README.md b/projects/vanilla-js/basic/Theme-Cake-Order-Form/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/README.md
rename to projects/vanilla-js/basic/Theme-Cake-Order-Form/README.md
diff --git a/Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/cakes.jpg b/projects/vanilla-js/basic/Theme-Cake-Order-Form/cakes.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/cakes.jpg
rename to projects/vanilla-js/basic/Theme-Cake-Order-Form/cakes.jpg
diff --git a/Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/index.html b/projects/vanilla-js/basic/Theme-Cake-Order-Form/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/index.html
rename to projects/vanilla-js/basic/Theme-Cake-Order-Form/index.html
diff --git a/Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/screenshot.webp b/projects/vanilla-js/basic/Theme-Cake-Order-Form/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/screenshot.webp
rename to projects/vanilla-js/basic/Theme-Cake-Order-Form/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/scripts.js b/projects/vanilla-js/basic/Theme-Cake-Order-Form/scripts.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/scripts.js
rename to projects/vanilla-js/basic/Theme-Cake-Order-Form/scripts.js
diff --git a/Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/styles.css b/projects/vanilla-js/basic/Theme-Cake-Order-Form/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Theme-Cake-Order-Form/styles.css
rename to projects/vanilla-js/basic/Theme-Cake-Order-Form/styles.css
diff --git a/Vanilla-JS-Projects/Basic/To-Do-List/README.md b/projects/vanilla-js/basic/To-Do-List/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/To-Do-List/README.md
rename to projects/vanilla-js/basic/To-Do-List/README.md
diff --git a/Vanilla-JS-Projects/Basic/To-Do-List/index.html b/projects/vanilla-js/basic/To-Do-List/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/To-Do-List/index.html
rename to projects/vanilla-js/basic/To-Do-List/index.html
diff --git a/Vanilla-JS-Projects/Basic/To-Do-List/screenshot.webp b/projects/vanilla-js/basic/To-Do-List/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/To-Do-List/screenshot.webp
rename to projects/vanilla-js/basic/To-Do-List/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/To-Do-List/script.js b/projects/vanilla-js/basic/To-Do-List/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/To-Do-List/script.js
rename to projects/vanilla-js/basic/To-Do-List/script.js
diff --git a/Vanilla-JS-Projects/Basic/To-Do-List/style.css b/projects/vanilla-js/basic/To-Do-List/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/To-Do-List/style.css
rename to projects/vanilla-js/basic/To-Do-List/style.css
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/README.md b/projects/vanilla-js/basic/Virtual-Piano/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/README.md
rename to projects/vanilla-js/basic/Virtual-Piano/README.md
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/image/background_image.jpg b/projects/vanilla-js/basic/Virtual-Piano/image/background_image.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/image/background_image.jpg
rename to projects/vanilla-js/basic/Virtual-Piano/image/background_image.jpg
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/index.html b/projects/vanilla-js/basic/Virtual-Piano/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/index.html
rename to projects/vanilla-js/basic/Virtual-Piano/index.html
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/screenshot.webp b/projects/vanilla-js/basic/Virtual-Piano/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/screenshot.webp
rename to projects/vanilla-js/basic/Virtual-Piano/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/script.js b/projects/vanilla-js/basic/Virtual-Piano/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/script.js
rename to projects/vanilla-js/basic/Virtual-Piano/script.js
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/styles.css b/projects/vanilla-js/basic/Virtual-Piano/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/styles.css
rename to projects/vanilla-js/basic/Virtual-Piano/styles.css
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/;.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/;.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/;.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/;.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/a.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/a.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/a.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/a.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/d.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/d.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/d.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/d.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/e.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/e.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/e.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/e.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/f.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/f.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/f.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/f.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/g.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/g.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/g.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/g.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/h.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/h.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/h.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/h.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/j.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/j.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/j.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/j.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/k.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/k.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/k.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/k.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/l.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/l.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/l.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/l.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/o.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/o.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/o.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/o.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/p.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/p.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/p.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/p.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/s.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/s.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/s.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/s.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/t.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/t.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/t.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/t.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/u.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/u.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/u.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/u.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/w.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/w.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/w.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/w.wav
diff --git a/Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/y.wav b/projects/vanilla-js/basic/Virtual-Piano/tunes/y.wav
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Virtual-Piano/tunes/y.wav
rename to projects/vanilla-js/basic/Virtual-Piano/tunes/y.wav
diff --git a/Vanilla-JS-Projects/Basic/Vowel-Counter/README.md b/projects/vanilla-js/basic/Vowel-Counter/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Vowel-Counter/README.md
rename to projects/vanilla-js/basic/Vowel-Counter/README.md
diff --git a/Vanilla-JS-Projects/Basic/Vowel-Counter/index.html b/projects/vanilla-js/basic/Vowel-Counter/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Vowel-Counter/index.html
rename to projects/vanilla-js/basic/Vowel-Counter/index.html
diff --git a/Vanilla-JS-Projects/Basic/Vowel-Counter/screenshot.webp b/projects/vanilla-js/basic/Vowel-Counter/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Vowel-Counter/screenshot.webp
rename to projects/vanilla-js/basic/Vowel-Counter/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Vowel-Counter/script.js b/projects/vanilla-js/basic/Vowel-Counter/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Vowel-Counter/script.js
rename to projects/vanilla-js/basic/Vowel-Counter/script.js
diff --git a/Vanilla-JS-Projects/Basic/Vowel-Counter/style.css b/projects/vanilla-js/basic/Vowel-Counter/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Vowel-Counter/style.css
rename to projects/vanilla-js/basic/Vowel-Counter/style.css
diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/README.md b/projects/vanilla-js/basic/Word-Counter/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Word-Counter/README.md
rename to projects/vanilla-js/basic/Word-Counter/README.md
diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/index.html b/projects/vanilla-js/basic/Word-Counter/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Word-Counter/index.html
rename to projects/vanilla-js/basic/Word-Counter/index.html
diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/screenshot.webp b/projects/vanilla-js/basic/Word-Counter/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Word-Counter/screenshot.webp
rename to projects/vanilla-js/basic/Word-Counter/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/script.js b/projects/vanilla-js/basic/Word-Counter/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Word-Counter/script.js
rename to projects/vanilla-js/basic/Word-Counter/script.js
diff --git a/Vanilla-JS-Projects/Basic/Word-Counter/style.css b/projects/vanilla-js/basic/Word-Counter/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Word-Counter/style.css
rename to projects/vanilla-js/basic/Word-Counter/style.css
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/README.md b/projects/vanilla-js/basic/World-Clock/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Clock/README.md
rename to projects/vanilla-js/basic/World-Clock/README.md
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/index.html b/projects/vanilla-js/basic/World-Clock/index.html
similarity index 96%
rename from Vanilla-JS-Projects/Basic/World-Clock/index.html
rename to projects/vanilla-js/basic/World-Clock/index.html
index 0bfb4452..c237dfb3 100644
--- a/Vanilla-JS-Projects/Basic/World-Clock/index.html
+++ b/projects/vanilla-js/basic/World-Clock/index.html
@@ -1,23 +1,23 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>World Clock</title>
-    <link rel="stylesheet" href="src/styles.css">
-</head>
-<body>
-    <form id="cityForm">
-        <select id="regionSelect">
-            <option value="">Select Region</option>
-        </select>
-        <select id="citySelect">
-            <option value="">Select City</option>
-        </select>
-        <button type="submit">Add Clock</button>
-        <!-- <button type="button" id="removeClocksButton">Remove Clocks</button> -->
-    </form>
-    <div class="clockContainer" id="clockContainer"></div>
-    <script src="scripts/script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>World Clock</title>
+    <link rel="stylesheet" href="src/styles.css">
+</head>
+<body>
+    <form id="cityForm">
+        <select id="regionSelect">
+            <option value="">Select Region</option>
+        </select>
+        <select id="citySelect">
+            <option value="">Select City</option>
+        </select>
+        <button type="submit">Add Clock</button>
+        <!-- <button type="button" id="removeClocksButton">Remove Clocks</button> -->
+    </form>
+    <div class="clockContainer" id="clockContainer"></div>
+    <script src="scripts/script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/screenshot.webp b/projects/vanilla-js/basic/World-Clock/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Clock/screenshot.webp
rename to projects/vanilla-js/basic/World-Clock/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/script.js b/projects/vanilla-js/basic/World-Clock/script.js
similarity index 96%
rename from Vanilla-JS-Projects/Basic/World-Clock/script.js
rename to projects/vanilla-js/basic/World-Clock/script.js
index 5725b9fd..05088bd8 100644
--- a/Vanilla-JS-Projects/Basic/World-Clock/script.js
+++ b/projects/vanilla-js/basic/World-Clock/script.js
@@ -1,409 +1,409 @@
-const citiesData = [
-    "Africa/Abidjan",
-    "Africa/Algiers",
-    "Africa/Bissau",
-    "Africa/Cairo",
-    "Africa/Casablanca",
-    "Africa/Ceuta",
-    "Africa/El_Aaiun",
-    "Africa/Johannesburg",
-    "Africa/Juba",
-    "Africa/Khartoum",
-    "Africa/Lagos",
-    "Africa/Maputo",
-    "Africa/Monrovia",
-    "Africa/Nairobi",
-    "Africa/Ndjamena",
-    "Africa/Sao_Tome",
-    "Africa/Tripoli",
-    "Africa/Tunis",
-    "Africa/Windhoek",
-    "America/Adak",
-    "America/Anchorage",
-    "America/Araguaina",
-    "America/Argentina/Buenos_Aires",
-    "America/Argentina/Catamarca",
-    "America/Argentina/Cordoba",
-    "America/Argentina/Jujuy",
-    "America/Argentina/La_Rioja",
-    "America/Argentina/Mendoza",
-    "America/Argentina/Rio_Gallegos",
-    "America/Argentina/Salta",
-    "America/Argentina/San_Juan",
-    "America/Argentina/San_Luis",
-    "America/Argentina/Tucuman",
-    "America/Argentina/Ushuaia",
-    "America/Asuncion",
-    "America/Bahia",
-    "America/Bahia_Banderas",
-    "America/Barbados",
-    "America/Belem",
-    "America/Belize",
-    "America/Boa_Vista",
-    "America/Bogota",
-    "America/Boise",
-    "America/Cambridge_Bay",
-    "America/Campo_Grande",
-    "America/Cancun",
-    "America/Caracas",
-    "America/Cayenne",
-    "America/Chicago",
-    "America/Chihuahua",
-    "America/Ciudad_Juarez",
-    "America/Costa_Rica",
-    "America/Cuiaba",
-    "America/Danmarkshavn",
-    "America/Dawson",
-    "America/Dawson_Creek",
-    "America/Denver",
-    "America/Detroit",
-    "America/Edmonton",
-    "America/Eirunepe",
-    "America/El_Salvador",
-    "America/Fort_Nelson",
-    "America/Fortaleza",
-    "America/Glace_Bay",
-    "America/Goose_Bay",
-    "America/Grand_Turk",
-    "America/Guatemala",
-    "America/Guayaquil",
-    "America/Guyana",
-    "America/Halifax",
-    "America/Havana",
-    "America/Hermosillo",
-    "America/Indiana/Indianapolis",
-    "America/Indiana/Knox",
-    "America/Indiana/Marengo",
-    "America/Indiana/Petersburg",
-    "America/Indiana/Tell_City",
-    "America/Indiana/Vevay",
-    "America/Indiana/Vincennes",
-    "America/Indiana/Winamac",
-    "America/Inuvik",
-    "America/Iqaluit",
-    "America/Jamaica",
-    "America/Juneau",
-    "America/Kentucky/Louisville",
-    "America/Kentucky/Monticello",
-    "America/La_Paz",
-    "America/Lima",
-    "America/Los_Angeles",
-    "America/Maceio",
-    "America/Managua",
-    "America/Manaus",
-    "America/Martinique",
-    "America/Matamoros",
-    "America/Mazatlan",
-    "America/Menominee",
-    "America/Merida",
-    "America/Metlakatla",
-    "America/Mexico_City",
-    "America/Miquelon",
-    "America/Moncton",
-    "America/Monterrey",
-    "America/Montevideo",
-    "America/New_York",
-    "America/Nome",
-    "America/Noronha",
-    "America/North_Dakota/Beulah",
-    "America/North_Dakota/Center",
-    "America/North_Dakota/New_Salem",
-    "America/Nuuk",
-    "America/Ojinaga",
-    "America/Panama",
-    "America/Paramaribo",
-    "America/Phoenix",
-    "America/Port-au-Prince",
-    "America/Porto_Velho",
-    "America/Puerto_Rico",
-    "America/Punta_Arenas",
-    "America/Rankin_Inlet",
-    "America/Recife",
-    "America/Regina",
-    "America/Resolute",
-    "America/Rio_Branco",
-    "America/Santarem",
-    "America/Santiago",
-    "America/Santo_Domingo",
-    "America/Sao_Paulo",
-    "America/Scoresbysund",
-    "America/Sitka",
-    "America/St_Johns",
-    "America/Swift_Current",
-    "America/Tegucigalpa",
-    "America/Thule",
-    "America/Tijuana",
-    "America/Toronto",
-    "America/Vancouver",
-    "America/Whitehorse",
-    "America/Winnipeg",
-    "America/Yakutat",
-    "Antarctica/Casey",
-    "Antarctica/Davis",
-    "Antarctica/Macquarie",
-    "Antarctica/Mawson",
-    "Antarctica/Palmer",
-    "Antarctica/Rothera",
-    "Antarctica/Troll",
-    "Asia/Almaty",
-    "Asia/Amman",
-    "Asia/Anadyr",
-    "Asia/Aqtau",
-    "Asia/Aqtobe",
-    "Asia/Ashgabat",
-    "Asia/Atyrau",
-    "Asia/Baghdad",
-    "Asia/Baku",
-    "Asia/Bangkok",
-    "Asia/Barnaul",
-    "Asia/Beirut",
-    "Asia/Bishkek",
-    "Asia/Chita",
-    "Asia/Choibalsan",
-    "Asia/Colombo",
-    "Asia/Damascus",
-    "Asia/Dhaka",
-    "Asia/Dili",
-    "Asia/Dubai",
-    "Asia/Dushanbe",
-    "Asia/Famagusta",
-    "Asia/Gaza",
-    "Asia/Hebron",
-    "Asia/Ho_Chi_Minh",
-    "Asia/Hong_Kong",
-    "Asia/Hovd",
-    "Asia/Irkutsk",
-    "Asia/Jakarta",
-    "Asia/Jayapura",
-    "Asia/Jerusalem",
-    "Asia/Kabul",
-    "Asia/Kamchatka",
-    "Asia/Karachi",
-    "Asia/Kathmandu",
-    "Asia/Khandyga",
-    "Asia/Kolkata",
-    "Asia/Krasnoyarsk",
-    "Asia/Kuching",
-    "Asia/Macau",
-    "Asia/Magadan",
-    "Asia/Makassar",
-    "Asia/Manila",
-    "Asia/Nicosia",
-    "Asia/Novokuznetsk",
-    "Asia/Novosibirsk",
-    "Asia/Omsk",
-    "Asia/Oral",
-    "Asia/Pontianak",
-    "Asia/Pyongyang",
-    "Asia/Qatar",
-    "Asia/Qostanay",
-    "Asia/Qyzylorda",
-    "Asia/Riyadh",
-    "Asia/Sakhalin",
-    "Asia/Samarkand",
-    "Asia/Seoul",
-    "Asia/Shanghai",
-    "Asia/Singapore",
-    "Asia/Srednekolymsk",
-    "Asia/Taipei",
-    "Asia/Tashkent",
-    "Asia/Tbilisi",
-    "Asia/Tehran",
-    "Asia/Thimphu",
-    "Asia/Tokyo",
-    "Asia/Tomsk",
-    "Asia/Ulaanbaatar",
-    "Asia/Urumqi",
-    "Asia/Ust-Nera",
-    "Asia/Vladivostok",
-    "Asia/Yakutsk",
-    "Asia/Yangon",
-    "Asia/Yekaterinburg",
-    "Asia/Yerevan",
-    "Atlantic/Azores",
-    "Atlantic/Bermuda",
-    "Atlantic/Canary",
-    "Atlantic/Cape_Verde",
-    "Atlantic/Faroe",
-    "Atlantic/Madeira",
-    "Atlantic/South_Georgia",
-    "Atlantic/Stanley",
-    "Australia/Adelaide",
-    "Australia/Brisbane",
-    "Australia/Broken_Hill",
-    "Australia/Darwin",
-    "Australia/Eucla",
-    "Australia/Hobart",
-    "Australia/Lindeman",
-    "Australia/Lord_Howe",
-    "Australia/Melbourne",
-    "Australia/Perth",
-    "Australia/Sydney",
-    "Europe/Andorra",
-    "Europe/Astrakhan",
-    "Europe/Athens",
-    "Europe/Belgrade",
-    "Europe/Berlin",
-    "Europe/Brussels",
-    "Europe/Bucharest",
-    "Europe/Budapest",
-    "Europe/Chisinau",
-    "Europe/Dublin",
-    "Europe/Gibraltar",
-    "Europe/Helsinki",
-    "Europe/Istanbul",
-    "Europe/Kaliningrad",
-    "Europe/Kirov",
-    "Europe/Kyiv",
-    "Europe/Lisbon",
-    "Europe/London",
-    "Europe/Madrid",
-    "Europe/Malta",
-    "Europe/Minsk",
-    "Europe/Moscow",
-    "Europe/Paris",
-    "Europe/Prague",
-    "Europe/Riga",
-    "Europe/Rome",
-    "Europe/Samara",
-    "Europe/Saratov",
-    "Europe/Simferopol",
-    "Europe/Sofia",
-    "Europe/Tallinn",
-    "Europe/Tirane",
-    "Europe/Ulyanovsk",
-    "Europe/Vienna",
-    "Europe/Vilnius",
-    "Europe/Volgograd",
-    "Europe/Warsaw",
-    "Europe/Zurich",
-    "Indian/Chagos",
-    "Indian/Maldives",
-    "Indian/Mauritius",
-    "Pacific/Apia",
-    "Pacific/Auckland",
-    "Pacific/Bougainville",
-    "Pacific/Chatham",
-    "Pacific/Easter",
-    "Pacific/Efate",
-    "Pacific/Fakaofo",
-    "Pacific/Fiji",
-    "Pacific/Galapagos",
-    "Pacific/Gambier",
-    "Pacific/Guadalcanal",
-    "Pacific/Guam",
-    "Pacific/Honolulu",
-    "Pacific/Kanton",
-    "Pacific/Kiritimati",
-    "Pacific/Kosrae",
-    "Pacific/Kwajalein",
-    "Pacific/Marquesas",
-    "Pacific/Nauru",
-    "Pacific/Niue",
-    "Pacific/Norfolk",
-    "Pacific/Noumea",
-    "Pacific/Pago_Pago",
-    "Pacific/Palau",
-    "Pacific/Pitcairn",
-    "Pacific/Port_Moresby",
-    "Pacific/Rarotonga",
-    "Pacific/Tahiti",
-    "Pacific/Tarawa",
-    "Pacific/Tongatapu"
-];
-
-const regionSelect = document.getElementById('regionSelect');
-const citySelect = document.getElementById('citySelect');
-
-// Populate regions dropdown
-const regions = Array.from(new Set(citiesData.map(city => city.split('/')[0])));
-regions.forEach(region => {
-    const option = document.createElement('option');
-    option.value = region;
-    option.textContent = region;
-    regionSelect.appendChild(option);
-});
-
-// Update cities dropdown based on selected region
-regionSelect.addEventListener('change', () => {
-    const selectedRegion = regionSelect.value;
-    const filteredCities = citiesData.filter(city => city.startsWith(selectedRegion));
-    citySelect.innerHTML = '<option value="">Select City</option>';
-    filteredCities.forEach(city => {
-        const option = document.createElement('option');
-        option.value = city;
-        option.textContent = city.split('/').pop().replace(/_/g, ' ');
-        citySelect.appendChild(option);
-    });
-});
-
-// Function to fetch current time for a city
-async function fetchTime(city) {
-    try {
-        const response = await fetch(`https://worldtimeapi.org/api/timezone/${city}`);
-        const data = await response.json();
-        return data;
-    } catch (error) {
-        console.error('Error fetching time:', error);
-        return null;
-    }
-}
-
-// Function to add a clock for a city
-async function addClock(city) {
-    const clockContainer = document.getElementById('clockContainer');
-    const clock = document.createElement('div');
-    clock.classList.add('clock');
-
-    const cityName = document.createElement('span');
-    cityName.textContent = city.split('/').pop().replace(/_/g, ' ');
-    cityName.classList.add('city');
-
-    const clockTime = document.createElement('span');
-    clockTime.classList.add('time');
-
-    const timeZone = document.createElement('span');
-    timeZone.classList.add('timezone');
-
-    clock.appendChild(cityName);
-    clock.appendChild(clockTime);
-    clock.appendChild(timeZone);
-    clockContainer.appendChild(clock);
-
-    const updateTime = async () => {
-        const timeData = await fetchTime(city);
-        if (timeData) {
-            const currentTime = new Date(timeData.datetime);
-            const formatter = new Intl.DateTimeFormat('en-US', {
-                hour: '2-digit',
-                minute: '2-digit',
-                second: '2-digit',
-                timeZone: city,
-                timeZoneName: 'short'
-            });
-            const formattedTime = formatter.formatToParts(currentTime);
-            const timeString = formattedTime
-                .filter(part => part.type === 'hour' || part.type === 'minute' || part.type === 'second')
-                .map(part => part.value)
-                .join(':');
-            const timeZoneAbbr = formattedTime.find(part => part.type === 'timeZoneName').value;
-            clockTime.textContent = timeString;
-            timeZone.textContent = timeZoneAbbr;
-        } else {
-            clockTime.textContent = 'Error fetching time';
-            timeZone.textContent = '';
-        }
-    };
-
-    updateTime();
-    setInterval(updateTime, 1000);
-}
-
-// Event listener for form submission
-document.getElementById('cityForm').addEventListener('submit', async (event) => {
-    event.preventDefault();
-    const selectedCity = citySelect.value;
-    if (selectedCity) {
-        await addClock(selectedCity);
-    }
+const citiesData = [
+    "Africa/Abidjan",
+    "Africa/Algiers",
+    "Africa/Bissau",
+    "Africa/Cairo",
+    "Africa/Casablanca",
+    "Africa/Ceuta",
+    "Africa/El_Aaiun",
+    "Africa/Johannesburg",
+    "Africa/Juba",
+    "Africa/Khartoum",
+    "Africa/Lagos",
+    "Africa/Maputo",
+    "Africa/Monrovia",
+    "Africa/Nairobi",
+    "Africa/Ndjamena",
+    "Africa/Sao_Tome",
+    "Africa/Tripoli",
+    "Africa/Tunis",
+    "Africa/Windhoek",
+    "America/Adak",
+    "America/Anchorage",
+    "America/Araguaina",
+    "America/Argentina/Buenos_Aires",
+    "America/Argentina/Catamarca",
+    "America/Argentina/Cordoba",
+    "America/Argentina/Jujuy",
+    "America/Argentina/La_Rioja",
+    "America/Argentina/Mendoza",
+    "America/Argentina/Rio_Gallegos",
+    "America/Argentina/Salta",
+    "America/Argentina/San_Juan",
+    "America/Argentina/San_Luis",
+    "America/Argentina/Tucuman",
+    "America/Argentina/Ushuaia",
+    "America/Asuncion",
+    "America/Bahia",
+    "America/Bahia_Banderas",
+    "America/Barbados",
+    "America/Belem",
+    "America/Belize",
+    "America/Boa_Vista",
+    "America/Bogota",
+    "America/Boise",
+    "America/Cambridge_Bay",
+    "America/Campo_Grande",
+    "America/Cancun",
+    "America/Caracas",
+    "America/Cayenne",
+    "America/Chicago",
+    "America/Chihuahua",
+    "America/Ciudad_Juarez",
+    "America/Costa_Rica",
+    "America/Cuiaba",
+    "America/Danmarkshavn",
+    "America/Dawson",
+    "America/Dawson_Creek",
+    "America/Denver",
+    "America/Detroit",
+    "America/Edmonton",
+    "America/Eirunepe",
+    "America/El_Salvador",
+    "America/Fort_Nelson",
+    "America/Fortaleza",
+    "America/Glace_Bay",
+    "America/Goose_Bay",
+    "America/Grand_Turk",
+    "America/Guatemala",
+    "America/Guayaquil",
+    "America/Guyana",
+    "America/Halifax",
+    "America/Havana",
+    "America/Hermosillo",
+    "America/Indiana/Indianapolis",
+    "America/Indiana/Knox",
+    "America/Indiana/Marengo",
+    "America/Indiana/Petersburg",
+    "America/Indiana/Tell_City",
+    "America/Indiana/Vevay",
+    "America/Indiana/Vincennes",
+    "America/Indiana/Winamac",
+    "America/Inuvik",
+    "America/Iqaluit",
+    "America/Jamaica",
+    "America/Juneau",
+    "America/Kentucky/Louisville",
+    "America/Kentucky/Monticello",
+    "America/La_Paz",
+    "America/Lima",
+    "America/Los_Angeles",
+    "America/Maceio",
+    "America/Managua",
+    "America/Manaus",
+    "America/Martinique",
+    "America/Matamoros",
+    "America/Mazatlan",
+    "America/Menominee",
+    "America/Merida",
+    "America/Metlakatla",
+    "America/Mexico_City",
+    "America/Miquelon",
+    "America/Moncton",
+    "America/Monterrey",
+    "America/Montevideo",
+    "America/New_York",
+    "America/Nome",
+    "America/Noronha",
+    "America/North_Dakota/Beulah",
+    "America/North_Dakota/Center",
+    "America/North_Dakota/New_Salem",
+    "America/Nuuk",
+    "America/Ojinaga",
+    "America/Panama",
+    "America/Paramaribo",
+    "America/Phoenix",
+    "America/Port-au-Prince",
+    "America/Porto_Velho",
+    "America/Puerto_Rico",
+    "America/Punta_Arenas",
+    "America/Rankin_Inlet",
+    "America/Recife",
+    "America/Regina",
+    "America/Resolute",
+    "America/Rio_Branco",
+    "America/Santarem",
+    "America/Santiago",
+    "America/Santo_Domingo",
+    "America/Sao_Paulo",
+    "America/Scoresbysund",
+    "America/Sitka",
+    "America/St_Johns",
+    "America/Swift_Current",
+    "America/Tegucigalpa",
+    "America/Thule",
+    "America/Tijuana",
+    "America/Toronto",
+    "America/Vancouver",
+    "America/Whitehorse",
+    "America/Winnipeg",
+    "America/Yakutat",
+    "Antarctica/Casey",
+    "Antarctica/Davis",
+    "Antarctica/Macquarie",
+    "Antarctica/Mawson",
+    "Antarctica/Palmer",
+    "Antarctica/Rothera",
+    "Antarctica/Troll",
+    "Asia/Almaty",
+    "Asia/Amman",
+    "Asia/Anadyr",
+    "Asia/Aqtau",
+    "Asia/Aqtobe",
+    "Asia/Ashgabat",
+    "Asia/Atyrau",
+    "Asia/Baghdad",
+    "Asia/Baku",
+    "Asia/Bangkok",
+    "Asia/Barnaul",
+    "Asia/Beirut",
+    "Asia/Bishkek",
+    "Asia/Chita",
+    "Asia/Choibalsan",
+    "Asia/Colombo",
+    "Asia/Damascus",
+    "Asia/Dhaka",
+    "Asia/Dili",
+    "Asia/Dubai",
+    "Asia/Dushanbe",
+    "Asia/Famagusta",
+    "Asia/Gaza",
+    "Asia/Hebron",
+    "Asia/Ho_Chi_Minh",
+    "Asia/Hong_Kong",
+    "Asia/Hovd",
+    "Asia/Irkutsk",
+    "Asia/Jakarta",
+    "Asia/Jayapura",
+    "Asia/Jerusalem",
+    "Asia/Kabul",
+    "Asia/Kamchatka",
+    "Asia/Karachi",
+    "Asia/Kathmandu",
+    "Asia/Khandyga",
+    "Asia/Kolkata",
+    "Asia/Krasnoyarsk",
+    "Asia/Kuching",
+    "Asia/Macau",
+    "Asia/Magadan",
+    "Asia/Makassar",
+    "Asia/Manila",
+    "Asia/Nicosia",
+    "Asia/Novokuznetsk",
+    "Asia/Novosibirsk",
+    "Asia/Omsk",
+    "Asia/Oral",
+    "Asia/Pontianak",
+    "Asia/Pyongyang",
+    "Asia/Qatar",
+    "Asia/Qostanay",
+    "Asia/Qyzylorda",
+    "Asia/Riyadh",
+    "Asia/Sakhalin",
+    "Asia/Samarkand",
+    "Asia/Seoul",
+    "Asia/Shanghai",
+    "Asia/Singapore",
+    "Asia/Srednekolymsk",
+    "Asia/Taipei",
+    "Asia/Tashkent",
+    "Asia/Tbilisi",
+    "Asia/Tehran",
+    "Asia/Thimphu",
+    "Asia/Tokyo",
+    "Asia/Tomsk",
+    "Asia/Ulaanbaatar",
+    "Asia/Urumqi",
+    "Asia/Ust-Nera",
+    "Asia/Vladivostok",
+    "Asia/Yakutsk",
+    "Asia/Yangon",
+    "Asia/Yekaterinburg",
+    "Asia/Yerevan",
+    "Atlantic/Azores",
+    "Atlantic/Bermuda",
+    "Atlantic/Canary",
+    "Atlantic/Cape_Verde",
+    "Atlantic/Faroe",
+    "Atlantic/Madeira",
+    "Atlantic/South_Georgia",
+    "Atlantic/Stanley",
+    "Australia/Adelaide",
+    "Australia/Brisbane",
+    "Australia/Broken_Hill",
+    "Australia/Darwin",
+    "Australia/Eucla",
+    "Australia/Hobart",
+    "Australia/Lindeman",
+    "Australia/Lord_Howe",
+    "Australia/Melbourne",
+    "Australia/Perth",
+    "Australia/Sydney",
+    "Europe/Andorra",
+    "Europe/Astrakhan",
+    "Europe/Athens",
+    "Europe/Belgrade",
+    "Europe/Berlin",
+    "Europe/Brussels",
+    "Europe/Bucharest",
+    "Europe/Budapest",
+    "Europe/Chisinau",
+    "Europe/Dublin",
+    "Europe/Gibraltar",
+    "Europe/Helsinki",
+    "Europe/Istanbul",
+    "Europe/Kaliningrad",
+    "Europe/Kirov",
+    "Europe/Kyiv",
+    "Europe/Lisbon",
+    "Europe/London",
+    "Europe/Madrid",
+    "Europe/Malta",
+    "Europe/Minsk",
+    "Europe/Moscow",
+    "Europe/Paris",
+    "Europe/Prague",
+    "Europe/Riga",
+    "Europe/Rome",
+    "Europe/Samara",
+    "Europe/Saratov",
+    "Europe/Simferopol",
+    "Europe/Sofia",
+    "Europe/Tallinn",
+    "Europe/Tirane",
+    "Europe/Ulyanovsk",
+    "Europe/Vienna",
+    "Europe/Vilnius",
+    "Europe/Volgograd",
+    "Europe/Warsaw",
+    "Europe/Zurich",
+    "Indian/Chagos",
+    "Indian/Maldives",
+    "Indian/Mauritius",
+    "Pacific/Apia",
+    "Pacific/Auckland",
+    "Pacific/Bougainville",
+    "Pacific/Chatham",
+    "Pacific/Easter",
+    "Pacific/Efate",
+    "Pacific/Fakaofo",
+    "Pacific/Fiji",
+    "Pacific/Galapagos",
+    "Pacific/Gambier",
+    "Pacific/Guadalcanal",
+    "Pacific/Guam",
+    "Pacific/Honolulu",
+    "Pacific/Kanton",
+    "Pacific/Kiritimati",
+    "Pacific/Kosrae",
+    "Pacific/Kwajalein",
+    "Pacific/Marquesas",
+    "Pacific/Nauru",
+    "Pacific/Niue",
+    "Pacific/Norfolk",
+    "Pacific/Noumea",
+    "Pacific/Pago_Pago",
+    "Pacific/Palau",
+    "Pacific/Pitcairn",
+    "Pacific/Port_Moresby",
+    "Pacific/Rarotonga",
+    "Pacific/Tahiti",
+    "Pacific/Tarawa",
+    "Pacific/Tongatapu"
+];
+
+const regionSelect = document.getElementById('regionSelect');
+const citySelect = document.getElementById('citySelect');
+
+// Populate regions dropdown
+const regions = Array.from(new Set(citiesData.map(city => city.split('/')[0])));
+regions.forEach(region => {
+    const option = document.createElement('option');
+    option.value = region;
+    option.textContent = region;
+    regionSelect.appendChild(option);
+});
+
+// Update cities dropdown based on selected region
+regionSelect.addEventListener('change', () => {
+    const selectedRegion = regionSelect.value;
+    const filteredCities = citiesData.filter(city => city.startsWith(selectedRegion));
+    citySelect.innerHTML = '<option value="">Select City</option>';
+    filteredCities.forEach(city => {
+        const option = document.createElement('option');
+        option.value = city;
+        option.textContent = city.split('/').pop().replace(/_/g, ' ');
+        citySelect.appendChild(option);
+    });
+});
+
+// Function to fetch current time for a city
+async function fetchTime(city) {
+    try {
+        const response = await fetch(`https://worldtimeapi.org/api/timezone/${city}`);
+        const data = await response.json();
+        return data;
+    } catch (error) {
+        console.error('Error fetching time:', error);
+        return null;
+    }
+}
+
+// Function to add a clock for a city
+async function addClock(city) {
+    const clockContainer = document.getElementById('clockContainer');
+    const clock = document.createElement('div');
+    clock.classList.add('clock');
+
+    const cityName = document.createElement('span');
+    cityName.textContent = city.split('/').pop().replace(/_/g, ' ');
+    cityName.classList.add('city');
+
+    const clockTime = document.createElement('span');
+    clockTime.classList.add('time');
+
+    const timeZone = document.createElement('span');
+    timeZone.classList.add('timezone');
+
+    clock.appendChild(cityName);
+    clock.appendChild(clockTime);
+    clock.appendChild(timeZone);
+    clockContainer.appendChild(clock);
+
+    const updateTime = async () => {
+        const timeData = await fetchTime(city);
+        if (timeData) {
+            const currentTime = new Date(timeData.datetime);
+            const formatter = new Intl.DateTimeFormat('en-US', {
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+                timeZone: city,
+                timeZoneName: 'short'
+            });
+            const formattedTime = formatter.formatToParts(currentTime);
+            const timeString = formattedTime
+                .filter(part => part.type === 'hour' || part.type === 'minute' || part.type === 'second')
+                .map(part => part.value)
+                .join(':');
+            const timeZoneAbbr = formattedTime.find(part => part.type === 'timeZoneName').value;
+            clockTime.textContent = timeString;
+            timeZone.textContent = timeZoneAbbr;
+        } else {
+            clockTime.textContent = 'Error fetching time';
+            timeZone.textContent = '';
+        }
+    };
+
+    updateTime();
+    setInterval(updateTime, 1000);
+}
+
+// Event listener for form submission
+document.getElementById('cityForm').addEventListener('submit', async (event) => {
+    event.preventDefault();
+    const selectedCity = citySelect.value;
+    if (selectedCity) {
+        await addClock(selectedCity);
+    }
 });
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Basic/World-Clock/styles.css b/projects/vanilla-js/basic/World-Clock/styles.css
similarity index 94%
rename from Vanilla-JS-Projects/Basic/World-Clock/styles.css
rename to projects/vanilla-js/basic/World-Clock/styles.css
index 0cf7dce4..1cd2c29f 100644
--- a/Vanilla-JS-Projects/Basic/World-Clock/styles.css
+++ b/projects/vanilla-js/basic/World-Clock/styles.css
@@ -1,84 +1,84 @@
-body {
-    font-family: Arial, sans-serif;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    min-height: 100vh;
-    margin: 0;
-    background-image: linear-gradient(to right, #8e2de2, #4a00e0);
-}
-
-#cityForm {
-    margin-bottom: 20px;
-    width: 400px;
-    height: 100px;
-    padding: 20px;
-    background: white;
-    border-radius: 10px;
-    align-items: center;
-    display: flex;
-    justify-content: center;
-    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
-}
-
-form {
-    display: flex;
-    align-items: center;
-}
-
-select {
-    padding: 5px;
-    font-size: 14px;
-    border: 1.5px solid #1b1919;
-    border-radius: 5px;
-    margin-right: 10px;
-}
-
-button {
-    padding: 5px 10px;
-    font-size: 14px;
-    background-color: #007bff;
-    color: #fff;
-    border: none;
-    border-radius: 5px;
-    cursor: pointer;
-}
-
-button:hover {
-    background-color: #0056b3;
-}
-
-body.clock-container {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap; /* Allow clocks to wrap to the next row */
-    justify-content: center;
-    gap: 10px;
-    margin-top: 20px;
-}
-
-.clock {
-    border: 1px solid black;
-    padding: 10px;
-    margin: 10px;
-    background: white;
-    border-radius: 5px;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-    cursor: pointer;
-    width: 150px; /* Set the width of each clock */
-}
-.clock span {
-    margin-top: 5px;
-    font-weight: bold;
-    font-size: small;
-}
-
-.time {
-    display: block;
-}
-
-.timezone {
-    display: block;
-    font-size: small;
-}
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    min-height: 100vh;
+    margin: 0;
+    background-image: linear-gradient(to right, #8e2de2, #4a00e0);
+}
+
+#cityForm {
+    margin-bottom: 20px;
+    width: 400px;
+    height: 100px;
+    padding: 20px;
+    background: white;
+    border-radius: 10px;
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
+}
+
+form {
+    display: flex;
+    align-items: center;
+}
+
+select {
+    padding: 5px;
+    font-size: 14px;
+    border: 1.5px solid #1b1919;
+    border-radius: 5px;
+    margin-right: 10px;
+}
+
+button {
+    padding: 5px 10px;
+    font-size: 14px;
+    background-color: #007bff;
+    color: #fff;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #0056b3;
+}
+
+body.clock-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap; /* Allow clocks to wrap to the next row */
+    justify-content: center;
+    gap: 10px;
+    margin-top: 20px;
+}
+
+.clock {
+    border: 1px solid black;
+    padding: 10px;
+    margin: 10px;
+    background: white;
+    border-radius: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+    cursor: pointer;
+    width: 150px; /* Set the width of each clock */
+}
+.clock span {
+    margin-top: 5px;
+    font-weight: bold;
+    font-size: small;
+}
+
+.time {
+    display: block;
+}
+
+.timezone {
+    display: block;
+    font-size: small;
+}
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/Logo.webp b/projects/vanilla-js/basic/World-Population/Assets/Logo.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/Logo.webp
rename to projects/vanilla-js/basic/World-Population/Assets/Logo.webp
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/WorldPopGraph.webp b/projects/vanilla-js/basic/World-Population/Assets/WorldPopGraph.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/WorldPopGraph.webp
rename to projects/vanilla-js/basic/World-Population/Assets/WorldPopGraph.webp
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/blog-1.jpg b/projects/vanilla-js/basic/World-Population/Assets/blog-1.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/blog-1.jpg
rename to projects/vanilla-js/basic/World-Population/Assets/blog-1.jpg
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/blog-2.jpg b/projects/vanilla-js/basic/World-Population/Assets/blog-2.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/blog-2.jpg
rename to projects/vanilla-js/basic/World-Population/Assets/blog-2.jpg
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/blog-3.jpg b/projects/vanilla-js/basic/World-Population/Assets/blog-3.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/blog-3.jpg
rename to projects/vanilla-js/basic/World-Population/Assets/blog-3.jpg
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/blog-4.jpg b/projects/vanilla-js/basic/World-Population/Assets/blog-4.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/blog-4.jpg
rename to projects/vanilla-js/basic/World-Population/Assets/blog-4.jpg
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/pop_control.webp b/projects/vanilla-js/basic/World-Population/Assets/pop_control.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/pop_control.webp
rename to projects/vanilla-js/basic/World-Population/Assets/pop_control.webp
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/web_script.js b/projects/vanilla-js/basic/World-Population/Assets/web_script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/web_script.js
rename to projects/vanilla-js/basic/World-Population/Assets/web_script.js
diff --git a/Vanilla-JS-Projects/Basic/World-Population/Assets/web_style.css b/projects/vanilla-js/basic/World-Population/Assets/web_style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/Assets/web_style.css
rename to projects/vanilla-js/basic/World-Population/Assets/web_style.css
diff --git a/Vanilla-JS-Projects/Basic/World-Population/README.md b/projects/vanilla-js/basic/World-Population/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/README.md
rename to projects/vanilla-js/basic/World-Population/README.md
diff --git a/Vanilla-JS-Projects/Basic/World-Population/index.html b/projects/vanilla-js/basic/World-Population/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/index.html
rename to projects/vanilla-js/basic/World-Population/index.html
diff --git a/Vanilla-JS-Projects/Basic/World-Population/predictPopulation.html b/projects/vanilla-js/basic/World-Population/predictPopulation.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/predictPopulation.html
rename to projects/vanilla-js/basic/World-Population/predictPopulation.html
diff --git a/Vanilla-JS-Projects/Basic/World-Population/screenshot.webp b/projects/vanilla-js/basic/World-Population/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/screenshot.webp
rename to projects/vanilla-js/basic/World-Population/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/World-Population/script.js b/projects/vanilla-js/basic/World-Population/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/World-Population/script.js
rename to projects/vanilla-js/basic/World-Population/script.js
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/README.md b/projects/vanilla-js/basic/Youtube-Clone/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/README.md
rename to projects/vanilla-js/basic/Youtube-Clone/README.md
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/bell.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/bell.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/bell.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/bell.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/explore.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/explore.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/explore.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/explore.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/grid.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/grid.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/grid.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/grid.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/history.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/history.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/history.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/history.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/home.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/home.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/home.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/home.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/library.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/library.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/library.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/library.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/liked video.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/liked video.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/liked video.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/liked video.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/logo.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/logo.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/logo.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/logo.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/profile-pic.png b/projects/vanilla-js/basic/Youtube-Clone/img/profile-pic.png
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/profile-pic.png
rename to projects/vanilla-js/basic/Youtube-Clone/img/profile-pic.png
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/search.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/search.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/search.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/search.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/show more.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/show more.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/show more.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/show more.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/subscription.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/subscription.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/subscription.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/subscription.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/video.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/video.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/video.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/video.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/watch-later.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/watch-later.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/watch-later.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/watch-later.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/img/your-video.PNG b/projects/vanilla-js/basic/Youtube-Clone/img/your-video.PNG
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/img/your-video.PNG
rename to projects/vanilla-js/basic/Youtube-Clone/img/your-video.PNG
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/index.html b/projects/vanilla-js/basic/Youtube-Clone/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/index.html
rename to projects/vanilla-js/basic/Youtube-Clone/index.html
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/screenshot.webp b/projects/vanilla-js/basic/Youtube-Clone/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/screenshot.webp
rename to projects/vanilla-js/basic/Youtube-Clone/screenshot.webp
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/script.js b/projects/vanilla-js/basic/Youtube-Clone/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/script.js
rename to projects/vanilla-js/basic/Youtube-Clone/script.js
diff --git a/Vanilla-JS-Projects/Basic/Youtube-Clone/style.css b/projects/vanilla-js/basic/Youtube-Clone/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Basic/Youtube-Clone/style.css
rename to projects/vanilla-js/basic/Youtube-Clone/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/README.md b/projects/vanilla-js/intermediate/Battery-Status-Tracker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/README.md
rename to projects/vanilla-js/intermediate/Battery-Status-Tracker/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/assets/img/favicon.png b/projects/vanilla-js/intermediate/Battery-Status-Tracker/assets/img/favicon.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/assets/img/favicon.png
rename to projects/vanilla-js/intermediate/Battery-Status-Tracker/assets/img/favicon.png
diff --git a/Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/index.html b/projects/vanilla-js/intermediate/Battery-Status-Tracker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/index.html
rename to projects/vanilla-js/intermediate/Battery-Status-Tracker/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/main.js b/projects/vanilla-js/intermediate/Battery-Status-Tracker/main.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/main.js
rename to projects/vanilla-js/intermediate/Battery-Status-Tracker/main.js
diff --git a/Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/screenshot.webp b/projects/vanilla-js/intermediate/Battery-Status-Tracker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/screenshot.webp
rename to projects/vanilla-js/intermediate/Battery-Status-Tracker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/styles.css b/projects/vanilla-js/intermediate/Battery-Status-Tracker/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Battery-Status-Tracker/styles.css
rename to projects/vanilla-js/intermediate/Battery-Status-Tracker/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Book-Review-Website/README.md b/projects/vanilla-js/intermediate/Book-Review-Website/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Book-Review-Website/README.md
rename to projects/vanilla-js/intermediate/Book-Review-Website/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Book-Review-Website/index.html b/projects/vanilla-js/intermediate/Book-Review-Website/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Book-Review-Website/index.html
rename to projects/vanilla-js/intermediate/Book-Review-Website/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Book-Review-Website/screenshot.webp b/projects/vanilla-js/intermediate/Book-Review-Website/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Book-Review-Website/screenshot.webp
rename to projects/vanilla-js/intermediate/Book-Review-Website/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Book-Review-Website/script.js b/projects/vanilla-js/intermediate/Book-Review-Website/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Book-Review-Website/script.js
rename to projects/vanilla-js/intermediate/Book-Review-Website/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Book-Review-Website/styles.css b/projects/vanilla-js/intermediate/Book-Review-Website/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Book-Review-Website/styles.css
rename to projects/vanilla-js/intermediate/Book-Review-Website/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/README.md b/projects/vanilla-js/intermediate/Ceaser-Cipher/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/README.md
rename to projects/vanilla-js/intermediate/Ceaser-Cipher/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/cipher.css b/projects/vanilla-js/intermediate/Ceaser-Cipher/cipher.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/cipher.css
rename to projects/vanilla-js/intermediate/Ceaser-Cipher/cipher.css
diff --git a/Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/index.html b/projects/vanilla-js/intermediate/Ceaser-Cipher/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/index.html
rename to projects/vanilla-js/intermediate/Ceaser-Cipher/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/main.js b/projects/vanilla-js/intermediate/Ceaser-Cipher/main.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/main.js
rename to projects/vanilla-js/intermediate/Ceaser-Cipher/main.js
diff --git a/Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/screenshot.webp b/projects/vanilla-js/intermediate/Ceaser-Cipher/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/screenshot.webp
rename to projects/vanilla-js/intermediate/Ceaser-Cipher/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/style.css b/projects/vanilla-js/intermediate/Ceaser-Cipher/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Ceaser-Cipher/style.css
rename to projects/vanilla-js/intermediate/Ceaser-Cipher/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Code-Editor/README.md b/projects/vanilla-js/intermediate/Code-Editor/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Code-Editor/README.md
rename to projects/vanilla-js/intermediate/Code-Editor/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Code-Editor/index.html b/projects/vanilla-js/intermediate/Code-Editor/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Code-Editor/index.html
rename to projects/vanilla-js/intermediate/Code-Editor/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Code-Editor/screenshot.webp b/projects/vanilla-js/intermediate/Code-Editor/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Code-Editor/screenshot.webp
rename to projects/vanilla-js/intermediate/Code-Editor/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Code-Editor/style.css b/projects/vanilla-js/intermediate/Code-Editor/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Code-Editor/style.css
rename to projects/vanilla-js/intermediate/Code-Editor/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/app.js b/projects/vanilla-js/intermediate/CosmoXplore-APoD/app.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/app.js
rename to projects/vanilla-js/intermediate/CosmoXplore-APoD/app.js
diff --git a/Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/index.html b/projects/vanilla-js/intermediate/CosmoXplore-APoD/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/index.html
rename to projects/vanilla-js/intermediate/CosmoXplore-APoD/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/readme.md b/projects/vanilla-js/intermediate/CosmoXplore-APoD/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/readme.md
rename to projects/vanilla-js/intermediate/CosmoXplore-APoD/readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/screenshot.webp b/projects/vanilla-js/intermediate/CosmoXplore-APoD/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/screenshot.webp
rename to projects/vanilla-js/intermediate/CosmoXplore-APoD/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/style.css b/projects/vanilla-js/intermediate/CosmoXplore-APoD/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/CosmoXplore-APoD/style.css
rename to projects/vanilla-js/intermediate/CosmoXplore-APoD/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Countdown-Timer/README.md b/projects/vanilla-js/intermediate/Countdown-Timer/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Countdown-Timer/README.md
rename to projects/vanilla-js/intermediate/Countdown-Timer/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Countdown-Timer/index.html b/projects/vanilla-js/intermediate/Countdown-Timer/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Countdown-Timer/index.html
rename to projects/vanilla-js/intermediate/Countdown-Timer/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Countdown-Timer/screenshot.webp b/projects/vanilla-js/intermediate/Countdown-Timer/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Countdown-Timer/screenshot.webp
rename to projects/vanilla-js/intermediate/Countdown-Timer/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Countdown-Timer/script.js b/projects/vanilla-js/intermediate/Countdown-Timer/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Countdown-Timer/script.js
rename to projects/vanilla-js/intermediate/Countdown-Timer/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Countdown-Timer/style.css b/projects/vanilla-js/intermediate/Countdown-Timer/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Countdown-Timer/style.css
rename to projects/vanilla-js/intermediate/Countdown-Timer/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/README.md b/projects/vanilla-js/intermediate/Countries-Over-The-World/README.md
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/README.md
rename to projects/vanilla-js/intermediate/Countries-Over-The-World/README.md
index d83de730..cae27787 100644
--- a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/README.md
+++ b/projects/vanilla-js/intermediate/Countries-Over-The-World/README.md
@@ -1,77 +1,77 @@
-<h1 align='center'><b>💥 Countries of the World 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-  ![REST API](https://img.shields.io/badge/rest%20api-FF5733.svg?style=for-the-badge&logo=api&logoColor=white)
-
-</div>
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-<div>
-  <p>A single-page application that displays information about all countries by integrating with a REST API. Users can search for countries, filter by region, and view detailed information about each country.</p>
-</div>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Features 🔥
-
-- **Search Countries**: Find countries by name using the search bar.
-- **Filter by Region**: Narrow down the list of countries by selecting a region.
-- **Country Details**: View detailed information about each country, including population, area, and more.
-- **Responsive Design**: User-friendly interface optimized for various screen sizes.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-- Clone the repository to your local machine.
-- Open the `index.html` file in your web browser to start using the application.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to use 👨‍🏫
-
-- **Searching for Countries**:
-   - Enter the name of a country in the search bar to filter the list of countries.
-
-- **Filtering by Region**:
-   - Use the dropdown menu to select a region and filter the list of countries accordingly.
-
-- **Viewing Country Details**:
-   - Click on a country name to view detailed information about that country.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-
-![Screenshot](screenshot.webp)
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Ananya Gupta</i></b> </h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/ananya-gupta-30aa9b28b/'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/ananyag309'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 Countries of the World 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+  ![REST API](https://img.shields.io/badge/rest%20api-FF5733.svg?style=for-the-badge&logo=api&logoColor=white)
+
+</div>
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <p>A single-page application that displays information about all countries by integrating with a REST API. Users can search for countries, filter by region, and view detailed information about each country.</p>
+</div>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Features 🔥
+
+- **Search Countries**: Find countries by name using the search bar.
+- **Filter by Region**: Narrow down the list of countries by selecting a region.
+- **Country Details**: View detailed information about each country, including population, area, and more.
+- **Responsive Design**: User-friendly interface optimized for various screen sizes.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+- Clone the repository to your local machine.
+- Open the `index.html` file in your web browser to start using the application.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to use 👨‍🏫
+
+- **Searching for Countries**:
+   - Enter the name of a country in the search bar to filter the list of countries.
+
+- **Filtering by Region**:
+   - Use the dropdown menu to select a region and filter the list of countries accordingly.
+
+- **Viewing Country Details**:
+   - Click on a country name to view detailed information about that country.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+
+![Screenshot](screenshot.webp)
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Ananya Gupta</i></b> </h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/ananya-gupta-30aa9b28b/'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/ananyag309'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/index.html b/projects/vanilla-js/intermediate/Countries-Over-The-World/index.html
similarity index 96%
rename from Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/index.html
rename to projects/vanilla-js/intermediate/Countries-Over-The-World/index.html
index 8ecc8273..d7147f3f 100644
--- a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/index.html
+++ b/projects/vanilla-js/intermediate/Countries-Over-The-World/index.html
@@ -1,31 +1,31 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Countries over the World</title>
-  <link rel="stylesheet" href="style.css">
-</head>
-<body>
-  <div class="container">
-    <header>
-      <h1>Countries over the World</h1>
-    </header>
-    <main>
-      <div class="controls">
-        <input type="text" id="search" placeholder="Search for a country...">
-        <select id="regionFilter">
-          <option value="all">All Regions</option>
-          <option value="Africa">Africa</option>
-          <option value="Americas">Americas</option>
-          <option value="Asia">Asia</option>
-          <option value="Europe">Europe</option>
-          <option value="Oceania">Oceania</option>
-        </select>
-      </div>
-      <div id="countries-list" class="grid"></div>
-    </main>
-  </div>
-  <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Countries over the World</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <div class="container">
+    <header>
+      <h1>Countries over the World</h1>
+    </header>
+    <main>
+      <div class="controls">
+        <input type="text" id="search" placeholder="Search for a country...">
+        <select id="regionFilter">
+          <option value="all">All Regions</option>
+          <option value="Africa">Africa</option>
+          <option value="Americas">Americas</option>
+          <option value="Asia">Asia</option>
+          <option value="Europe">Europe</option>
+          <option value="Oceania">Oceania</option>
+        </select>
+      </div>
+      <div id="countries-list" class="grid"></div>
+    </main>
+  </div>
+  <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/screenshot.webp b/projects/vanilla-js/intermediate/Countries-Over-The-World/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/screenshot.webp
rename to projects/vanilla-js/intermediate/Countries-Over-The-World/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/script.js b/projects/vanilla-js/intermediate/Countries-Over-The-World/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/script.js
rename to projects/vanilla-js/intermediate/Countries-Over-The-World/script.js
index c3819815..e32bc67e 100644
--- a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/script.js
+++ b/projects/vanilla-js/intermediate/Countries-Over-The-World/script.js
@@ -1,60 +1,60 @@
-document.addEventListener('DOMContentLoaded', () => {
-    const searchInput = document.getElementById('search');
-    const regionFilter = document.getElementById('regionFilter');
-    const countriesList = document.getElementById('countries-list');
-    let allCountries = [];
-  
-    // Fetch countries data from REST API
-    const fetchCountries = async () => {
-      const res = await fetch('https://restcountries.com/v3.1/all');
-      const countries = await res.json();
-      
-      // Sort countries alphabetically
-      countries.sort((a, b) => {
-        if (a.name.common < b.name.common) return -1;
-        if (a.name.common > b.name.common) return 1;
-        return 0;
-      });
-  
-      allCountries = countries;
-      displayCountries(countries);
-    };
-  
-    // Display countries in the DOM
-    const displayCountries = (countries) => {
-      countriesList.innerHTML = '';
-      countries.forEach(country => {
-        const countryCard = document.createElement('div');
-        countryCard.classList.add('card');
-        countryCard.innerHTML = `
-          <img src="${country.flags.svg}" alt="${country.name.common}">
-          <div class="card-content">
-            <h2 class="card-title">${country.name.common}</h2>
-            <p class="card-text"><strong>Capital:</strong> ${country.capital ? country.capital[0] : 'N/A'}</p>
-            <p class="card-text"><strong>Region:</strong> ${country.region}</p>
-            <p class="card-text"><strong>Population:</strong> ${country.population.toLocaleString()}</p>
-            <a href="https://en.wikipedia.org/wiki/${country.name.common}" target="_blank" class="button">Learn More</a>
-          </div>
-        `;
-        countriesList.appendChild(countryCard);
-      });
-    };
-  
-    // Filter countries based on search input and region filter
-    const filterCountries = () => {
-      const searchValue = searchInput.value.toLowerCase();
-      const regionValue = regionFilter.value;
-      const filteredCountries = allCountries.filter(country => {
-        const matchesSearch = country.name.common.toLowerCase().includes(searchValue);
-        const matchesRegion = regionValue === 'all' || country.region === regionValue;
-        return matchesSearch && matchesRegion;
-      });
-      displayCountries(filteredCountries);
-    };
-  
-    searchInput.addEventListener('input', filterCountries);
-    regionFilter.addEventListener('change', filterCountries);
-  
-    fetchCountries();
-  });
+document.addEventListener('DOMContentLoaded', () => {
+    const searchInput = document.getElementById('search');
+    const regionFilter = document.getElementById('regionFilter');
+    const countriesList = document.getElementById('countries-list');
+    let allCountries = [];
+  
+    // Fetch countries data from REST API
+    const fetchCountries = async () => {
+      const res = await fetch('https://restcountries.com/v3.1/all');
+      const countries = await res.json();
+      
+      // Sort countries alphabetically
+      countries.sort((a, b) => {
+        if (a.name.common < b.name.common) return -1;
+        if (a.name.common > b.name.common) return 1;
+        return 0;
+      });
+  
+      allCountries = countries;
+      displayCountries(countries);
+    };
+  
+    // Display countries in the DOM
+    const displayCountries = (countries) => {
+      countriesList.innerHTML = '';
+      countries.forEach(country => {
+        const countryCard = document.createElement('div');
+        countryCard.classList.add('card');
+        countryCard.innerHTML = `
+          <img src="${country.flags.svg}" alt="${country.name.common}">
+          <div class="card-content">
+            <h2 class="card-title">${country.name.common}</h2>
+            <p class="card-text"><strong>Capital:</strong> ${country.capital ? country.capital[0] : 'N/A'}</p>
+            <p class="card-text"><strong>Region:</strong> ${country.region}</p>
+            <p class="card-text"><strong>Population:</strong> ${country.population.toLocaleString()}</p>
+            <a href="https://en.wikipedia.org/wiki/${country.name.common}" target="_blank" class="button">Learn More</a>
+          </div>
+        `;
+        countriesList.appendChild(countryCard);
+      });
+    };
+  
+    // Filter countries based on search input and region filter
+    const filterCountries = () => {
+      const searchValue = searchInput.value.toLowerCase();
+      const regionValue = regionFilter.value;
+      const filteredCountries = allCountries.filter(country => {
+        const matchesSearch = country.name.common.toLowerCase().includes(searchValue);
+        const matchesRegion = regionValue === 'all' || country.region === regionValue;
+        return matchesSearch && matchesRegion;
+      });
+      displayCountries(filteredCountries);
+    };
+  
+    searchInput.addEventListener('input', filterCountries);
+    regionFilter.addEventListener('change', filterCountries);
+  
+    fetchCountries();
+  });
   
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/style.css b/projects/vanilla-js/intermediate/Countries-Over-The-World/style.css
similarity index 94%
rename from Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/style.css
rename to projects/vanilla-js/intermediate/Countries-Over-The-World/style.css
index 401345a6..b1aa8192 100644
--- a/Vanilla-JS-Projects/Intermediate/Countries-Over-The-World/style.css
+++ b/projects/vanilla-js/intermediate/Countries-Over-The-World/style.css
@@ -1,102 +1,102 @@
-/* Global Styles */
-body {
-    font-family: 'Arial', sans-serif;
-    background: #f0f0f0;
-    margin: 0;
-    padding: 0;
-  }
-  
-  .container {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 20px;
-  }
-  
-  header {
-    text-align: center;
-    margin-bottom: 20px;
-  }
-  
-  h1 {
-    font-size: 2em;
-    color: #333;
-  }
-  
-  /* Controls (Search Input and Region Filter) */
-  .controls {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 20px;
-  }
-  
-  #search, #regionFilter {
-    flex: 1;
-    padding: 10px;
-    font-size: 1em;
-    border: 2px solid #ccc;
-    border-radius: 5px;
-    margin-right: 10px;
-  }
-  
-  #regionFilter {
-    max-width: 200px;
-    margin-right: 0;
-  }
-  
-  /* Grid Layout */
-  .grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-    gap: 20px;
-  }
-  
-  .card {
-    background: #fff;
-    border: 1px solid #ccc;
-    border-radius: 10px;
-    overflow: hidden;
-    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-    transition: transform 0.2s;
-  }
-  
-  .card:hover {
-    transform: translateY(-10px);
-  }
-  
-  .card img {
-    width: 100%;
-    height: 120px;
-    object-fit: cover;
-  }
-  
-  .card-content {
-    padding: 10px;
-  }
-  
-  .card-title {
-    font-size: 1.2em;
-    margin: 0;
-    color: #333;
-  }
-  
-  .card-text {
-    font-size: 0.9em;
-    color: #666;
-    margin: 5px 0;
-  }
-  
-  .card .button {
-    display: block;
-    text-align: center;
-    padding: 10px 0;
-    background: #007BFF;
-    color: white;
-    text-decoration: none;
-    border-radius: 5px;
-    transition: background 0.2s;
-  }
-  
-  .card .button:hover {
-    background: #0056b3;
-  }
+/* Global Styles */
+body {
+    font-family: 'Arial', sans-serif;
+    background: #f0f0f0;
+    margin: 0;
+    padding: 0;
+  }
+  
+  .container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+  }
+  
+  header {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+  
+  h1 {
+    font-size: 2em;
+    color: #333;
+  }
+  
+  /* Controls (Search Input and Region Filter) */
+  .controls {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 20px;
+  }
+  
+  #search, #regionFilter {
+    flex: 1;
+    padding: 10px;
+    font-size: 1em;
+    border: 2px solid #ccc;
+    border-radius: 5px;
+    margin-right: 10px;
+  }
+  
+  #regionFilter {
+    max-width: 200px;
+    margin-right: 0;
+  }
+  
+  /* Grid Layout */
+  .grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: 20px;
+  }
+  
+  .card {
+    background: #fff;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    overflow: hidden;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+    transition: transform 0.2s;
+  }
+  
+  .card:hover {
+    transform: translateY(-10px);
+  }
+  
+  .card img {
+    width: 100%;
+    height: 120px;
+    object-fit: cover;
+  }
+  
+  .card-content {
+    padding: 10px;
+  }
+  
+  .card-title {
+    font-size: 1.2em;
+    margin: 0;
+    color: #333;
+  }
+  
+  .card-text {
+    font-size: 0.9em;
+    color: #666;
+    margin: 5px 0;
+  }
+  
+  .card .button {
+    display: block;
+    text-align: center;
+    padding: 10px 0;
+    background: #007BFF;
+    color: white;
+    text-decoration: none;
+    border-radius: 5px;
+    transition: background 0.2s;
+  }
+  
+  .card .button:hover {
+    background: #0056b3;
+  }
   
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/README.md b/projects/vanilla-js/intermediate/Daily-Journal-Website/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/README.md
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/add.html b/projects/vanilla-js/intermediate/Daily-Journal-Website/add.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/add.html
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/add.html
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/entries.html b/projects/vanilla-js/intermediate/Daily-Journal-Website/entries.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/entries.html
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/entries.html
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/entry.html b/projects/vanilla-js/intermediate/Daily-Journal-Website/entry.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/entry.html
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/entry.html
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/image.png b/projects/vanilla-js/intermediate/Daily-Journal-Website/image.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/image.png
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/image.png
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/index.html b/projects/vanilla-js/intermediate/Daily-Journal-Website/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/index.html
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/screennshot.webp b/projects/vanilla-js/intermediate/Daily-Journal-Website/screennshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/screennshot.webp
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/screennshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/script.js b/projects/vanilla-js/intermediate/Daily-Journal-Website/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/script.js
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/styles.css b/projects/vanilla-js/intermediate/Daily-Journal-Website/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Daily-Journal-Website/styles.css
rename to projects/vanilla-js/intermediate/Daily-Journal-Website/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Day-Calculator/README.md b/projects/vanilla-js/intermediate/Day-Calculator/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Day-Calculator/README.md
rename to projects/vanilla-js/intermediate/Day-Calculator/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Day-Calculator/index.html b/projects/vanilla-js/intermediate/Day-Calculator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Day-Calculator/index.html
rename to projects/vanilla-js/intermediate/Day-Calculator/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Day-Calculator/screenshot.webp b/projects/vanilla-js/intermediate/Day-Calculator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Day-Calculator/screenshot.webp
rename to projects/vanilla-js/intermediate/Day-Calculator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Day-Calculator/script.js b/projects/vanilla-js/intermediate/Day-Calculator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Day-Calculator/script.js
rename to projects/vanilla-js/intermediate/Day-Calculator/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Day-Calculator/style.css b/projects/vanilla-js/intermediate/Day-Calculator/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Day-Calculator/style.css
rename to projects/vanilla-js/intermediate/Day-Calculator/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Drag-and-Drop/README.md b/projects/vanilla-js/intermediate/Drag-and-Drop/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Drag-and-Drop/README.md
rename to projects/vanilla-js/intermediate/Drag-and-Drop/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Drag-and-Drop/images/grid-outline.svg b/projects/vanilla-js/intermediate/Drag-and-Drop/images/grid-outline.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Drag-and-Drop/images/grid-outline.svg
rename to projects/vanilla-js/intermediate/Drag-and-Drop/images/grid-outline.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Drag-and-Drop/index.html b/projects/vanilla-js/intermediate/Drag-and-Drop/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Drag-and-Drop/index.html
rename to projects/vanilla-js/intermediate/Drag-and-Drop/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Drag-and-Drop/screenshot.webp b/projects/vanilla-js/intermediate/Drag-and-Drop/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Drag-and-Drop/screenshot.webp
rename to projects/vanilla-js/intermediate/Drag-and-Drop/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Drag-and-Drop/script.js b/projects/vanilla-js/intermediate/Drag-and-Drop/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Drag-and-Drop/script.js
rename to projects/vanilla-js/intermediate/Drag-and-Drop/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Drag-and-Drop/style.css b/projects/vanilla-js/intermediate/Drag-and-Drop/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Drag-and-Drop/style.css
rename to projects/vanilla-js/intermediate/Drag-and-Drop/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/README.md b/projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/README.md
rename to projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/bg.jpeg b/projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/bg.jpeg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/bg.jpeg
rename to projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/bg.jpeg
diff --git a/Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/icon.png b/projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/icon.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/icon.png
rename to projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/icon.png
diff --git a/Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/index.html b/projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/index.html
rename to projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/screenshot.webp b/projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/screenshot.webp
rename to projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/script.js b/projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/script.js
rename to projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/style.css b/projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Email-Subscription-form-with-google-sheet/style.css
rename to projects/vanilla-js/intermediate/Email-Subscription-form-with-google-sheet/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-0.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-0.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-0.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-0.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-1.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-1.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-1.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-1.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-2.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-2.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-2.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-2.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-3.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-3.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-3.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-3.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-4.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-4.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eye-4.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eye-4.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-0.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-0.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-0.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-0.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-1.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-1.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-1.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-1.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-2.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-2.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-2.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-2.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-3.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-3.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/eyebrow-3.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/eyebrow-3.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-0.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-0.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-0.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-0.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-1.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-1.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-1.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-1.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-2.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-2.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-2.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-2.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-3.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-3.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-3.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-3.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-4.svg b/projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-4.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Images/mouth-4.svg
rename to projects/vanilla-js/intermediate/Emoji-Maker/Images/mouth-4.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/Readme.md b/projects/vanilla-js/intermediate/Emoji-Maker/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/Readme.md
rename to projects/vanilla-js/intermediate/Emoji-Maker/Readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/index.html b/projects/vanilla-js/intermediate/Emoji-Maker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/index.html
rename to projects/vanilla-js/intermediate/Emoji-Maker/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/screenshot.webp b/projects/vanilla-js/intermediate/Emoji-Maker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/screenshot.webp
rename to projects/vanilla-js/intermediate/Emoji-Maker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/script.js b/projects/vanilla-js/intermediate/Emoji-Maker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/script.js
rename to projects/vanilla-js/intermediate/Emoji-Maker/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Emoji-Maker/style.css b/projects/vanilla-js/intermediate/Emoji-Maker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Emoji-Maker/style.css
rename to projects/vanilla-js/intermediate/Emoji-Maker/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/README.md b/projects/vanilla-js/intermediate/Expense-Splitter-Website/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/README.md
rename to projects/vanilla-js/intermediate/Expense-Splitter-Website/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/index.html b/projects/vanilla-js/intermediate/Expense-Splitter-Website/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/index.html
rename to projects/vanilla-js/intermediate/Expense-Splitter-Website/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/screenshot.webp b/projects/vanilla-js/intermediate/Expense-Splitter-Website/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/screenshot.webp
rename to projects/vanilla-js/intermediate/Expense-Splitter-Website/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/script.js b/projects/vanilla-js/intermediate/Expense-Splitter-Website/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/script.js
rename to projects/vanilla-js/intermediate/Expense-Splitter-Website/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/styles.css b/projects/vanilla-js/intermediate/Expense-Splitter-Website/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Expense-Splitter-Website/styles.css
rename to projects/vanilla-js/intermediate/Expense-Splitter-Website/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/README.md b/projects/vanilla-js/intermediate/Fitness-Website/README.md
similarity index 98%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/README.md
rename to projects/vanilla-js/intermediate/Fitness-Website/README.md
index 06ecb39b..311bb4c4 100644
--- a/Vanilla-JS-Projects/Intermediate/Fitness-Website/README.md
+++ b/projects/vanilla-js/intermediate/Fitness-Website/README.md
@@ -1,82 +1,82 @@
-<h1 align='center'><b>💥 TRAVEL WEBSITE 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) 
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
-  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
-  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
-  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
-  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
-  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
-  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
-  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
-  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
-  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
-  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-<div>
-  <!-- <p>Add Description of the project</p> -->
-    <p>A fitness website provides users with resources and tools for improving their physical health, including workout plans, exercise tutorials, nutrition advice, and tracking features to help users achieve their fitness goals.</p>
-</div>
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-<!-- Add steps how to run this project -->
-Steps to run this website on your local machine:
-
-Download the code: Click on the "Code" button and select "Download ZIP". Extract the downloaded ZIP file to a folder on your computer.
-
-Open the project folder: Navigate to the folder where you extracted the ZIP file.
-
-Open index.html: Double-click on the index.html file. This will open the website in your default web browser.
-
-View and interact with the website: You can now explore the different pages and functionalities of the fitness website directly in your browser.
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-<!-- add the screenshot of the project (Mandatory) -->
-
-![image](https://github.com/aditya-bhaumik/WebMasterLog/assets/92214013/82096e6d-0daf-4cfd-a732-a28e0f686c2d)
-
-
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Aditya Bhaumik</i></b> 👦</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/aditya-bhaumik-62b6b2220/'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/aditya-bhaumik'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 TRAVEL WEBSITE 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) 
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
+  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
+  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
+  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
+  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
+  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
+  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
+  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
+  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
+  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
+  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <!-- <p>Add Description of the project</p> -->
+    <p>A fitness website provides users with resources and tools for improving their physical health, including workout plans, exercise tutorials, nutrition advice, and tracking features to help users achieve their fitness goals.</p>
+</div>
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- Add steps how to run this project -->
+Steps to run this website on your local machine:
+
+Download the code: Click on the "Code" button and select "Download ZIP". Extract the downloaded ZIP file to a folder on your computer.
+
+Open the project folder: Navigate to the folder where you extracted the ZIP file.
+
+Open index.html: Double-click on the index.html file. This will open the website in your default web browser.
+
+View and interact with the website: You can now explore the different pages and functionalities of the fitness website directly in your browser.
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+![image](https://github.com/aditya-bhaumik/WebMasterLog/assets/92214013/82096e6d-0daf-4cfd-a732-a28e0f686c2d)
+
+
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Aditya Bhaumik</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/aditya-bhaumik-62b6b2220/'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/aditya-bhaumik'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/contact.css b/projects/vanilla-js/intermediate/Fitness-Website/contact.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/contact.css
rename to projects/vanilla-js/intermediate/Fitness-Website/contact.css
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/contact.html b/projects/vanilla-js/intermediate/Fitness-Website/contact.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/contact.html
rename to projects/vanilla-js/intermediate/Fitness-Website/contact.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises.html b/projects/vanilla-js/intermediate/Fitness-Website/exercises.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises.html
rename to projects/vanilla-js/intermediate/Fitness-Website/exercises.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/arm-exercises.html b/projects/vanilla-js/intermediate/Fitness-Website/exercises/arm-exercises.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/arm-exercises.html
rename to projects/vanilla-js/intermediate/Fitness-Website/exercises/arm-exercises.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/back-exercises.html b/projects/vanilla-js/intermediate/Fitness-Website/exercises/back-exercises.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/back-exercises.html
rename to projects/vanilla-js/intermediate/Fitness-Website/exercises/back-exercises.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/leg-exercises.html b/projects/vanilla-js/intermediate/Fitness-Website/exercises/leg-exercises.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/leg-exercises.html
rename to projects/vanilla-js/intermediate/Fitness-Website/exercises/leg-exercises.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/shoulder-exercises.html b/projects/vanilla-js/intermediate/Fitness-Website/exercises/shoulder-exercises.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/exercises/shoulder-exercises.html
rename to projects/vanilla-js/intermediate/Fitness-Website/exercises/shoulder-exercises.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/image.png b/projects/vanilla-js/intermediate/Fitness-Website/image.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/image.png
rename to projects/vanilla-js/intermediate/Fitness-Website/image.png
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/index.html b/projects/vanilla-js/intermediate/Fitness-Website/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/index.html
rename to projects/vanilla-js/intermediate/Fitness-Website/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/plans.html b/projects/vanilla-js/intermediate/Fitness-Website/plans.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/plans.html
rename to projects/vanilla-js/intermediate/Fitness-Website/plans.html
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/screenshot.webp b/projects/vanilla-js/intermediate/Fitness-Website/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/screenshot.webp
rename to projects/vanilla-js/intermediate/Fitness-Website/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/scripts.js b/projects/vanilla-js/intermediate/Fitness-Website/scripts.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/scripts.js
rename to projects/vanilla-js/intermediate/Fitness-Website/scripts.js
diff --git a/Vanilla-JS-Projects/Intermediate/Fitness-Website/styles.css b/projects/vanilla-js/intermediate/Fitness-Website/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Fitness-Website/styles.css
rename to projects/vanilla-js/intermediate/Fitness-Website/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Food-Recipe-Finder/README.md b/projects/vanilla-js/intermediate/Food-Recipe-Finder/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Food-Recipe-Finder/README.md
rename to projects/vanilla-js/intermediate/Food-Recipe-Finder/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Food-Recipe-Finder/index.html b/projects/vanilla-js/intermediate/Food-Recipe-Finder/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Food-Recipe-Finder/index.html
rename to projects/vanilla-js/intermediate/Food-Recipe-Finder/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Food-Recipe-Finder/screenshot.webp b/projects/vanilla-js/intermediate/Food-Recipe-Finder/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Food-Recipe-Finder/screenshot.webp
rename to projects/vanilla-js/intermediate/Food-Recipe-Finder/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/README.md b/projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/README.md
rename to projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/index.html b/projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/index.html
rename to projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/screenshot.webp b/projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/screenshot.webp
rename to projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/script.js b/projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/script.js
rename to projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/style.css b/projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/GasGuys-HomePage-Clone/style.css
rename to projects/vanilla-js/intermediate/GasGuys-HomePage-Clone/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Gravity-Drops/README.md b/projects/vanilla-js/intermediate/Gravity-Drops/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Gravity-Drops/README.md
rename to projects/vanilla-js/intermediate/Gravity-Drops/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Gravity-Drops/index.html b/projects/vanilla-js/intermediate/Gravity-Drops/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Gravity-Drops/index.html
rename to projects/vanilla-js/intermediate/Gravity-Drops/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Gravity-Drops/screenshot.webp b/projects/vanilla-js/intermediate/Gravity-Drops/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Gravity-Drops/screenshot.webp
rename to projects/vanilla-js/intermediate/Gravity-Drops/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Gravity-Drops/script.js b/projects/vanilla-js/intermediate/Gravity-Drops/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Gravity-Drops/script.js
rename to projects/vanilla-js/intermediate/Gravity-Drops/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Gravity-Drops/style.css b/projects/vanilla-js/intermediate/Gravity-Drops/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Gravity-Drops/style.css
rename to projects/vanilla-js/intermediate/Gravity-Drops/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/README.md b/projects/vanilla-js/intermediate/Hex-Color-Code-Generator/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/README.md
rename to projects/vanilla-js/intermediate/Hex-Color-Code-Generator/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/index.html b/projects/vanilla-js/intermediate/Hex-Color-Code-Generator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/index.html
rename to projects/vanilla-js/intermediate/Hex-Color-Code-Generator/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/screenshot.webp b/projects/vanilla-js/intermediate/Hex-Color-Code-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/screenshot.webp
rename to projects/vanilla-js/intermediate/Hex-Color-Code-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/script.js b/projects/vanilla-js/intermediate/Hex-Color-Code-Generator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/script.js
rename to projects/vanilla-js/intermediate/Hex-Color-Code-Generator/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/style.css b/projects/vanilla-js/intermediate/Hex-Color-Code-Generator/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Hex-Color-Code-Generator/style.css
rename to projects/vanilla-js/intermediate/Hex-Color-Code-Generator/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/README.md b/projects/vanilla-js/intermediate/Interactive-Drawing-Website/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/README.md
rename to projects/vanilla-js/intermediate/Interactive-Drawing-Website/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/image.png b/projects/vanilla-js/intermediate/Interactive-Drawing-Website/image.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/image.png
rename to projects/vanilla-js/intermediate/Interactive-Drawing-Website/image.png
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/index.html b/projects/vanilla-js/intermediate/Interactive-Drawing-Website/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/index.html
rename to projects/vanilla-js/intermediate/Interactive-Drawing-Website/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/screenshot.webp b/projects/vanilla-js/intermediate/Interactive-Drawing-Website/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/screenshot.webp
rename to projects/vanilla-js/intermediate/Interactive-Drawing-Website/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/script.js b/projects/vanilla-js/intermediate/Interactive-Drawing-Website/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/script.js
rename to projects/vanilla-js/intermediate/Interactive-Drawing-Website/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/styles.css b/projects/vanilla-js/intermediate/Interactive-Drawing-Website/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Drawing-Website/styles.css
rename to projects/vanilla-js/intermediate/Interactive-Drawing-Website/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/data.json b/projects/vanilla-js/intermediate/Interactive-Periodic-Table/data.json
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/data.json
rename to projects/vanilla-js/intermediate/Interactive-Periodic-Table/data.json
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/index.html b/projects/vanilla-js/intermediate/Interactive-Periodic-Table/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/index.html
rename to projects/vanilla-js/intermediate/Interactive-Periodic-Table/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/readme.md b/projects/vanilla-js/intermediate/Interactive-Periodic-Table/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/readme.md
rename to projects/vanilla-js/intermediate/Interactive-Periodic-Table/readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/screenshot.webp b/projects/vanilla-js/intermediate/Interactive-Periodic-Table/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/screenshot.webp
rename to projects/vanilla-js/intermediate/Interactive-Periodic-Table/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/script.js b/projects/vanilla-js/intermediate/Interactive-Periodic-Table/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/script.js
rename to projects/vanilla-js/intermediate/Interactive-Periodic-Table/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/styles.css b/projects/vanilla-js/intermediate/Interactive-Periodic-Table/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interactive-Periodic-Table/styles.css
rename to projects/vanilla-js/intermediate/Interactive-Periodic-Table/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/README.md b/projects/vanilla-js/intermediate/Interval-Timer/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/README.md
rename to projects/vanilla-js/intermediate/Interval-Timer/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/css/style.min.css b/projects/vanilla-js/intermediate/Interval-Timer/css/style.min.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/css/style.min.css
rename to projects/vanilla-js/intermediate/Interval-Timer/css/style.min.css
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/index.html b/projects/vanilla-js/intermediate/Interval-Timer/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/index.html
rename to projects/vanilla-js/intermediate/Interval-Timer/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/js/main.js b/projects/vanilla-js/intermediate/Interval-Timer/js/main.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/js/main.js
rename to projects/vanilla-js/intermediate/Interval-Timer/js/main.js
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/js/main.min.js b/projects/vanilla-js/intermediate/Interval-Timer/js/main.min.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/js/main.min.js
rename to projects/vanilla-js/intermediate/Interval-Timer/js/main.min.js
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/screenshot.webp b/projects/vanilla-js/intermediate/Interval-Timer/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/screenshot.webp
rename to projects/vanilla-js/intermediate/Interval-Timer/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_app.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/_app.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_app.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/_app.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_buttons.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/_buttons.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_buttons.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/_buttons.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_header.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/_header.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_header.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/_header.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_media.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/_media.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_media.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/_media.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_ready.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/_ready.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_ready.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/_ready.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_reset.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/_reset.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_reset.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/_reset.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_vars.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/_vars.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/_vars.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/_vars.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/style.scss b/projects/vanilla-js/intermediate/Interval-Timer/scss/style.scss
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/scss/style.scss
rename to projects/vanilla-js/intermediate/Interval-Timer/scss/style.scss
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/sounds/finish.mp3 b/projects/vanilla-js/intermediate/Interval-Timer/sounds/finish.mp3
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/sounds/finish.mp3
rename to projects/vanilla-js/intermediate/Interval-Timer/sounds/finish.mp3
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/sounds/pick.mp3 b/projects/vanilla-js/intermediate/Interval-Timer/sounds/pick.mp3
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/sounds/pick.mp3
rename to projects/vanilla-js/intermediate/Interval-Timer/sounds/pick.mp3
diff --git a/Vanilla-JS-Projects/Intermediate/Interval-Timer/sounds/start.mp3 b/projects/vanilla-js/intermediate/Interval-Timer/sounds/start.mp3
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Interval-Timer/sounds/start.mp3
rename to projects/vanilla-js/intermediate/Interval-Timer/sounds/start.mp3
diff --git a/Vanilla-JS-Projects/Intermediate/Kanban-Board/README.md b/projects/vanilla-js/intermediate/Kanban-Board/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Kanban-Board/README.md
rename to projects/vanilla-js/intermediate/Kanban-Board/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Kanban-Board/index.html b/projects/vanilla-js/intermediate/Kanban-Board/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Kanban-Board/index.html
rename to projects/vanilla-js/intermediate/Kanban-Board/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Kanban-Board/screenshot.webp b/projects/vanilla-js/intermediate/Kanban-Board/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Kanban-Board/screenshot.webp
rename to projects/vanilla-js/intermediate/Kanban-Board/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Kanban-Board/script.js b/projects/vanilla-js/intermediate/Kanban-Board/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Kanban-Board/script.js
rename to projects/vanilla-js/intermediate/Kanban-Board/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Kanban-Board/style.css b/projects/vanilla-js/intermediate/Kanban-Board/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Kanban-Board/style.css
rename to projects/vanilla-js/intermediate/Kanban-Board/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/README.md b/projects/vanilla-js/intermediate/Language-Learning-Website/README.md
similarity index 98%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/README.md
rename to projects/vanilla-js/intermediate/Language-Learning-Website/README.md
index ef906dbb..5249a39d 100644
--- a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/README.md
+++ b/projects/vanilla-js/intermediate/Language-Learning-Website/README.md
@@ -1,81 +1,81 @@
-<h1 align='center'><b>💥 LANGUAGE LEARNING WEBSITE 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) 
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
-  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
-  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
-  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
-  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
-  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
-  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
-  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
-  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
-  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
-  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-<div>
-  <!-- <p>Add Description of the project</p> -->
-    <p>This website is a language learning platform that offers lessons, quizzes, and flashcards to help users learn a new language. It tracks users' progress through lessons and quizzes, providing an interactive and engaging way to practice and improve language skills.</p>
-</div>
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-<!-- Add steps how to run this project -->
-Steps to run this website on your local machine:
-
-Download the code: Click on the "Code" button and select "Download ZIP". Extract the downloaded ZIP file to a folder on your computer.
-
-Open the project folder: Navigate to the folder where you extracted the ZIP file.
-
-Open index.html: Double-click on the index.html file. This will open the website in your default web browser.
-
-View and interact with the website: You can now explore the different pages and functionalities of the fitness website directly in your browser.
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-<!-- add the screenshot of the project (Mandatory) -->
-
-![image](https://github.com/aditya-bhaumik/WebMasterLog/assets/92214013/323c11c0-e20f-43f7-b865-1b79c2020b0d)
-
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Aditya Bhaumik</i></b> 👦</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/aditya-bhaumik-62b6b2220/'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/aditya-bhaumik'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 LANGUAGE LEARNING WEBSITE 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) 
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
+  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
+  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
+  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
+  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
+  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
+  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
+  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
+  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
+  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
+  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <!-- <p>Add Description of the project</p> -->
+    <p>This website is a language learning platform that offers lessons, quizzes, and flashcards to help users learn a new language. It tracks users' progress through lessons and quizzes, providing an interactive and engaging way to practice and improve language skills.</p>
+</div>
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- Add steps how to run this project -->
+Steps to run this website on your local machine:
+
+Download the code: Click on the "Code" button and select "Download ZIP". Extract the downloaded ZIP file to a folder on your computer.
+
+Open the project folder: Navigate to the folder where you extracted the ZIP file.
+
+Open index.html: Double-click on the index.html file. This will open the website in your default web browser.
+
+View and interact with the website: You can now explore the different pages and functionalities of the fitness website directly in your browser.
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+![image](https://github.com/aditya-bhaumik/WebMasterLog/assets/92214013/323c11c0-e20f-43f7-b865-1b79c2020b0d)
+
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Aditya Bhaumik</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/aditya-bhaumik-62b6b2220/'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/aditya-bhaumik'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/css/styles.css b/projects/vanilla-js/intermediate/Language-Learning-Website/css/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/css/styles.css
rename to projects/vanilla-js/intermediate/Language-Learning-Website/css/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/flashcards.html b/projects/vanilla-js/intermediate/Language-Learning-Website/flashcards.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/flashcards.html
rename to projects/vanilla-js/intermediate/Language-Learning-Website/flashcards.html
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/index.html b/projects/vanilla-js/intermediate/Language-Learning-Website/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/index.html
rename to projects/vanilla-js/intermediate/Language-Learning-Website/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/js/main.js b/projects/vanilla-js/intermediate/Language-Learning-Website/js/main.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/js/main.js
rename to projects/vanilla-js/intermediate/Language-Learning-Website/js/main.js
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/lessons.html b/projects/vanilla-js/intermediate/Language-Learning-Website/lessons.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/lessons.html
rename to projects/vanilla-js/intermediate/Language-Learning-Website/lessons.html
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/progress.html b/projects/vanilla-js/intermediate/Language-Learning-Website/progress.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/progress.html
rename to projects/vanilla-js/intermediate/Language-Learning-Website/progress.html
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/quizzes.html b/projects/vanilla-js/intermediate/Language-Learning-Website/quizzes.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/quizzes.html
rename to projects/vanilla-js/intermediate/Language-Learning-Website/quizzes.html
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Learning-Website/screenshot.webp b/projects/vanilla-js/intermediate/Language-Learning-Website/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Learning-Website/screenshot.webp
rename to projects/vanilla-js/intermediate/Language-Learning-Website/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Translator/README.md b/projects/vanilla-js/intermediate/Language-Translator/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Translator/README.md
rename to projects/vanilla-js/intermediate/Language-Translator/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Translator/index.html b/projects/vanilla-js/intermediate/Language-Translator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Translator/index.html
rename to projects/vanilla-js/intermediate/Language-Translator/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Translator/screenshot.webp b/projects/vanilla-js/intermediate/Language-Translator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Translator/screenshot.webp
rename to projects/vanilla-js/intermediate/Language-Translator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Translator/script.js b/projects/vanilla-js/intermediate/Language-Translator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Translator/script.js
rename to projects/vanilla-js/intermediate/Language-Translator/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Language-Translator/styles.css b/projects/vanilla-js/intermediate/Language-Translator/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Language-Translator/styles.css
rename to projects/vanilla-js/intermediate/Language-Translator/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Martian-Imagery/Images/mars.png b/projects/vanilla-js/intermediate/Martian-Imagery/Images/mars.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Martian-Imagery/Images/mars.png
rename to projects/vanilla-js/intermediate/Martian-Imagery/Images/mars.png
diff --git a/Vanilla-JS-Projects/Intermediate/Martian-Imagery/app.js b/projects/vanilla-js/intermediate/Martian-Imagery/app.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Martian-Imagery/app.js
rename to projects/vanilla-js/intermediate/Martian-Imagery/app.js
diff --git a/Vanilla-JS-Projects/Intermediate/Martian-Imagery/index.html b/projects/vanilla-js/intermediate/Martian-Imagery/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Martian-Imagery/index.html
rename to projects/vanilla-js/intermediate/Martian-Imagery/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Martian-Imagery/readme.md b/projects/vanilla-js/intermediate/Martian-Imagery/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Martian-Imagery/readme.md
rename to projects/vanilla-js/intermediate/Martian-Imagery/readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Martian-Imagery/screenshot.webp b/projects/vanilla-js/intermediate/Martian-Imagery/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Martian-Imagery/screenshot.webp
rename to projects/vanilla-js/intermediate/Martian-Imagery/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Martian-Imagery/style.css b/projects/vanilla-js/intermediate/Martian-Imagery/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Martian-Imagery/style.css
rename to projects/vanilla-js/intermediate/Martian-Imagery/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Meme-Generator/README.md b/projects/vanilla-js/intermediate/Meme-Generator/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Meme-Generator/README.md
rename to projects/vanilla-js/intermediate/Meme-Generator/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Meme-Generator/favicon.ico b/projects/vanilla-js/intermediate/Meme-Generator/favicon.ico
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Meme-Generator/favicon.ico
rename to projects/vanilla-js/intermediate/Meme-Generator/favicon.ico
diff --git a/Vanilla-JS-Projects/Intermediate/Meme-Generator/index.html b/projects/vanilla-js/intermediate/Meme-Generator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Meme-Generator/index.html
rename to projects/vanilla-js/intermediate/Meme-Generator/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Meme-Generator/screenshot.webp b/projects/vanilla-js/intermediate/Meme-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Meme-Generator/screenshot.webp
rename to projects/vanilla-js/intermediate/Meme-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Meme-Generator/script.js b/projects/vanilla-js/intermediate/Meme-Generator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Meme-Generator/script.js
rename to projects/vanilla-js/intermediate/Meme-Generator/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Meme-Generator/style.css b/projects/vanilla-js/intermediate/Meme-Generator/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Meme-Generator/style.css
rename to projects/vanilla-js/intermediate/Meme-Generator/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/README.md b/projects/vanilla-js/intermediate/Morse-Code-Convertor/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/README.md
rename to projects/vanilla-js/intermediate/Morse-Code-Convertor/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/index.html b/projects/vanilla-js/intermediate/Morse-Code-Convertor/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/index.html
rename to projects/vanilla-js/intermediate/Morse-Code-Convertor/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/screenshot.webp b/projects/vanilla-js/intermediate/Morse-Code-Convertor/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/screenshot.webp
rename to projects/vanilla-js/intermediate/Morse-Code-Convertor/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/script.js b/projects/vanilla-js/intermediate/Morse-Code-Convertor/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/script.js
rename to projects/vanilla-js/intermediate/Morse-Code-Convertor/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/styles.css b/projects/vanilla-js/intermediate/Morse-Code-Convertor/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Morse-Code-Convertor/styles.css
rename to projects/vanilla-js/intermediate/Morse-Code-Convertor/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-App/README.md b/projects/vanilla-js/intermediate/Movie-App/README.md
similarity index 98%
rename from Vanilla-JS-Projects/Intermediate/Movie-App/README.md
rename to projects/vanilla-js/intermediate/Movie-App/README.md
index ab5b575c..49b6cbc6 100644
--- a/Vanilla-JS-Projects/Intermediate/Movie-App/README.md
+++ b/projects/vanilla-js/intermediate/Movie-App/README.md
@@ -1,89 +1,89 @@
-<h1 align='center'><b>💥 MOVIE APP 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-
-  <!-- ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) -->
-  <!-- ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) -->
-  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
-  <!-- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) -->
-  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
-  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
-  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
-  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
-  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
-  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
-  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
-  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
-  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
-  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
-  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
-</div>
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-<div>
-  <!-- <p>Add Description of the project</p> -->
-    <p>This is a simple movie app that uses The Movie Database API to fetch data and we can also search for movies and watch the trailer.</p>
-</div>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-1. Clone the repository:
-    ```sh
-    git clone https://github.com/yourusername/movie-app.git
-    ```
-2. Navigate to the project directory:
-    ```sh
-    cd movie-app
-    ```
-3. Open `index.html` in your browser.
-
-<!-- Add steps how to run this project -->
-
-
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-![Screenshot](screenshot.webp)
-
-<!-- add the screenshot of the project (Mandatory) -->
-
-
-
-
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Ananya Gupta</i></b> </h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/ananya-gupta-30aa9b28b/'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/ananyag309'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 MOVIE APP 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+
+  <!-- ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) -->
+  <!-- ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) -->
+  <!-- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white) -->
+  <!-- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) -->
+  <!-- ![jQuery](https://img.shields.io/badge/jquery-%230769AD.svg?style=for-the-badge&logo=jquery&logoColor=white) -->
+  <!-- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB) -->
+  <!-- ![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) -->
+  <!-- ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white) -->
+  <!-- ![Web3.js](https://img.shields.io/badge/web3.js-F16822?style=for-the-badge&logo=web3.js&logoColor=white) -->
+  <!-- ![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB) -->
+  <!-- ![Angular.js](https://img.shields.io/badge/angular.js-%23E23237.svg?style=for-the-badge&logo=angularjs&logoColor=white) -->
+  <!-- ![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white) -->
+  <!-- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white) -->
+  <!-- ![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge&logo=vuedotjs&logoColor=%234FC08D) -->
+  <!-- ![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white) -->
+</div>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <!-- <p>Add Description of the project</p> -->
+    <p>This is a simple movie app that uses The Movie Database API to fetch data and we can also search for movies and watch the trailer.</p>
+</div>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+1. Clone the repository:
+    ```sh
+    git clone https://github.com/yourusername/movie-app.git
+    ```
+2. Navigate to the project directory:
+    ```sh
+    cd movie-app
+    ```
+3. Open `index.html` in your browser.
+
+<!-- Add steps how to run this project -->
+
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+![Screenshot](screenshot.webp)
+
+<!-- add the screenshot of the project (Mandatory) -->
+
+
+
+
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Ananya Gupta</i></b> </h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/ananya-gupta-30aa9b28b/'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/ananyag309'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-App/api.js b/projects/vanilla-js/intermediate/Movie-App/api.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-App/api.js
rename to projects/vanilla-js/intermediate/Movie-App/api.js
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-App/index.html b/projects/vanilla-js/intermediate/Movie-App/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-App/index.html
rename to projects/vanilla-js/intermediate/Movie-App/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-App/main.js b/projects/vanilla-js/intermediate/Movie-App/main.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-App/main.js
rename to projects/vanilla-js/intermediate/Movie-App/main.js
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-App/screenshot.webp b/projects/vanilla-js/intermediate/Movie-App/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-App/screenshot.webp
rename to projects/vanilla-js/intermediate/Movie-App/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-App/style.css b/projects/vanilla-js/intermediate/Movie-App/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-App/style.css
rename to projects/vanilla-js/intermediate/Movie-App/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-Finder/README.md b/projects/vanilla-js/intermediate/Movie-Finder/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-Finder/README.md
rename to projects/vanilla-js/intermediate/Movie-Finder/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-Finder/index.html b/projects/vanilla-js/intermediate/Movie-Finder/index.html
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Movie-Finder/index.html
rename to projects/vanilla-js/intermediate/Movie-Finder/index.html
index 9110f94b..c24917b4 100644
--- a/Vanilla-JS-Projects/Intermediate/Movie-Finder/index.html
+++ b/projects/vanilla-js/intermediate/Movie-Finder/index.html
@@ -1,26 +1,26 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Movie Finder</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <div class="wrapper">
-        <div class="search-area">
-            <div class="search-box">
-                <h3>Search Movie:</h3>
-                <input type="text" id="movie-search-box" class="form-input" placeholder="Search Movie Title..." onkeyup="searchMovies()" onclick="searchMovies()">
-                <div class="search-results" id="search-list"></div>
-            </div>
-        </div>
-        <div class="results-area">
-            <div id="result-grid" class="result-grid"></div>
-        </div>
-    </div>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Movie Finder</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="wrapper">
+        <div class="search-area">
+            <div class="search-box">
+                <h3>Search Movie:</h3>
+                <input type="text" id="movie-search-box" class="form-input" placeholder="Search Movie Title..." onkeyup="searchMovies()" onclick="searchMovies()">
+                <div class="search-results" id="search-list"></div>
+            </div>
+        </div>
+        <div class="results-area">
+            <div id="result-grid" class="result-grid"></div>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-Finder/noimage.png b/projects/vanilla-js/intermediate/Movie-Finder/noimage.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-Finder/noimage.png
rename to projects/vanilla-js/intermediate/Movie-Finder/noimage.png
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-Finder/screenshot.webp b/projects/vanilla-js/intermediate/Movie-Finder/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Movie-Finder/screenshot.webp
rename to projects/vanilla-js/intermediate/Movie-Finder/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-Finder/script.js b/projects/vanilla-js/intermediate/Movie-Finder/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Movie-Finder/script.js
rename to projects/vanilla-js/intermediate/Movie-Finder/script.js
index f21adc38..ae8f64b1 100644
--- a/Vanilla-JS-Projects/Intermediate/Movie-Finder/script.js
+++ b/projects/vanilla-js/intermediate/Movie-Finder/script.js
@@ -1,86 +1,86 @@
-const searchBox = document.getElementById('movie-search-box');
-const searchResults = document.getElementById('search-list');
-const resultsGrid = document.getElementById('result-grid');
-
-async function fetchMovies(searchTerm) {
-    const URL = `https://omdbapi.com/?s=${searchTerm}&page=1&apikey=598947e`;
-    const response = await fetch(URL);
-    const data = await response.json();
-    if (data.Response === "True") displaySearchResults(data.Search);
-}
-
-function searchMovies() {
-    let searchTerm = searchBox.value.trim();
-    if (searchTerm.length > 0) {
-        searchResults.classList.remove('hide-search-list');
-        fetchMovies(searchTerm);
-    } else {
-        searchResults.classList.add('hide-search-list');
-    }
-}
-
-function displaySearchResults(movies) {
-    searchResults.innerHTML = "";
-    movies.forEach(movie => {
-        const resultItem = document.createElement('div');
-        resultItem.dataset.id = movie.imdbID;
-        resultItem.classList.add('search-item');
-        
-        const moviePoster = movie.Poster !== "N/A" ? movie.Poster : "noimage.png";
-        
-        resultItem.innerHTML = `
-            <div class="search-item-content">
-                <div class="search-item-thumbnail">
-                    <img src="${moviePoster}" alt="movie poster">
-                </div>
-                <div class="search-item-info">
-                    <h3>${movie.Title}</h3>
-                    <p>${movie.Year}</p>
-                </div>
-            </div>
-        `;
-        searchResults.appendChild(resultItem);
-    });
-    attachMovieDetailsEvents();
-}
-
-function attachMovieDetailsEvents() {
-    const movieItems = searchResults.querySelectorAll('.search-item');
-    movieItems.forEach(item => {
-        item.addEventListener('click', async () => {
-            searchResults.classList.add('hide-search-list');
-            searchBox.value = "";
-            const result = await fetch(`http://www.omdbapi.com/?i=${item.dataset.id}&apikey=fc1fef96`);
-            const movieDetails = await result.json();
-            displayMovieDetails(movieDetails);
-        });
-    });
-}
-
-function displayMovieDetails(details) {
-    resultsGrid.innerHTML = `
-        <div class="movie-poster">
-            <img src="${details.Poster !== "N/A" ? details.Poster : "noimage.png"}" alt="movie poster">
-        </div>
-        <div class="movie-info">
-            <h3 class="movie-title">${details.Title}</h3>
-            <ul class="movie-details">
-                <li class="year">Year: ${details.Year}</li>
-                <li class="rated">Ratings: ${details.Rated}</li>
-                <li class="released">Released: ${details.Released}</li>
-            </ul>
-            <p class="genre"><b>Genre:</b> ${details.Genre}</p>
-            <p class="writer"><b>Writer:</b> ${details.Writer}</p>
-            <p class="actors"><b>Actors:</b> ${details.Actors}</p>
-            <p class="plot"><b>Plot:</b> ${details.Plot}</p>
-            <p class="language"><b>Language:</b> ${details.Language}</p>
-            <p class="awards"><b><i class="fas fa-award"></i></b> ${details.Awards}</p>
-        </div>
-    `;
-}
-
-window.addEventListener('click', (event) => {
-    if(event.target.className != "form-input"){
-        searchResults.classList.add('hide-search-list');
-    }
-});
+const searchBox = document.getElementById('movie-search-box');
+const searchResults = document.getElementById('search-list');
+const resultsGrid = document.getElementById('result-grid');
+
+async function fetchMovies(searchTerm) {
+    const URL = `https://omdbapi.com/?s=${searchTerm}&page=1&apikey=598947e`;
+    const response = await fetch(URL);
+    const data = await response.json();
+    if (data.Response === "True") displaySearchResults(data.Search);
+}
+
+function searchMovies() {
+    let searchTerm = searchBox.value.trim();
+    if (searchTerm.length > 0) {
+        searchResults.classList.remove('hide-search-list');
+        fetchMovies(searchTerm);
+    } else {
+        searchResults.classList.add('hide-search-list');
+    }
+}
+
+function displaySearchResults(movies) {
+    searchResults.innerHTML = "";
+    movies.forEach(movie => {
+        const resultItem = document.createElement('div');
+        resultItem.dataset.id = movie.imdbID;
+        resultItem.classList.add('search-item');
+        
+        const moviePoster = movie.Poster !== "N/A" ? movie.Poster : "noimage.png";
+        
+        resultItem.innerHTML = `
+            <div class="search-item-content">
+                <div class="search-item-thumbnail">
+                    <img src="${moviePoster}" alt="movie poster">
+                </div>
+                <div class="search-item-info">
+                    <h3>${movie.Title}</h3>
+                    <p>${movie.Year}</p>
+                </div>
+            </div>
+        `;
+        searchResults.appendChild(resultItem);
+    });
+    attachMovieDetailsEvents();
+}
+
+function attachMovieDetailsEvents() {
+    const movieItems = searchResults.querySelectorAll('.search-item');
+    movieItems.forEach(item => {
+        item.addEventListener('click', async () => {
+            searchResults.classList.add('hide-search-list');
+            searchBox.value = "";
+            const result = await fetch(`http://www.omdbapi.com/?i=${item.dataset.id}&apikey=fc1fef96`);
+            const movieDetails = await result.json();
+            displayMovieDetails(movieDetails);
+        });
+    });
+}
+
+function displayMovieDetails(details) {
+    resultsGrid.innerHTML = `
+        <div class="movie-poster">
+            <img src="${details.Poster !== "N/A" ? details.Poster : "noimage.png"}" alt="movie poster">
+        </div>
+        <div class="movie-info">
+            <h3 class="movie-title">${details.Title}</h3>
+            <ul class="movie-details">
+                <li class="year">Year: ${details.Year}</li>
+                <li class="rated">Ratings: ${details.Rated}</li>
+                <li class="released">Released: ${details.Released}</li>
+            </ul>
+            <p class="genre"><b>Genre:</b> ${details.Genre}</p>
+            <p class="writer"><b>Writer:</b> ${details.Writer}</p>
+            <p class="actors"><b>Actors:</b> ${details.Actors}</p>
+            <p class="plot"><b>Plot:</b> ${details.Plot}</p>
+            <p class="language"><b>Language:</b> ${details.Language}</p>
+            <p class="awards"><b><i class="fas fa-award"></i></b> ${details.Awards}</p>
+        </div>
+    `;
+}
+
+window.addEventListener('click', (event) => {
+    if(event.target.className != "form-input"){
+        searchResults.classList.add('hide-search-list');
+    }
+});
diff --git a/Vanilla-JS-Projects/Intermediate/Movie-Finder/styles.css b/projects/vanilla-js/intermediate/Movie-Finder/styles.css
similarity index 93%
rename from Vanilla-JS-Projects/Intermediate/Movie-Finder/styles.css
rename to projects/vanilla-js/intermediate/Movie-Finder/styles.css
index b1ffff03..9e949ac5 100644
--- a/Vanilla-JS-Projects/Intermediate/Movie-Finder/styles.css
+++ b/projects/vanilla-js/intermediate/Movie-Finder/styles.css
@@ -1,204 +1,204 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
-
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Inter', sans-serif;
-}
-
-::-webkit-scrollbar {
-    width: 15px;
-}
-
-::-webkit-scrollbar-thumb {
-    background-color: #292929;
-    border-radius: 5px;
-}
-
-a {
-    text-decoration: none;
-}
-
-img {
-    width: 100%;
-    display: block;
-}
-
-.wrapper {
-    min-height: 100vh;
-    background-color: #171717;
-}
-
-.search-area {
-    background-color: #1d1d1d;
-    height: 180px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.search-box {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-}
-
-.search-box h3 {
-    margin-bottom: 1.5rem;
-    font-size: 2rem;
-    color: #fff;
-    font-weight: 500;
-}
-
-.form-input {
-    padding: 1rem 2rem;
-    font-size: 1.4rem;
-    border: none;
-    border-radius: 3px;
-    outline: none;
-    width: 350px;
-}
-
-.search-results {
-    position: absolute;
-    top: 100%;
-    max-height: 500px;
-    overflow-y: scroll;
-    z-index: 10;
-    right: 0;
-}
-
-.search-item {
-    background-color: #292929;
-    padding: 0.5rem;
-    border-bottom: 1px solid #171717;
-    color: #fff;
-    cursor: pointer;
-    transition: background-color 200ms ease;
-}
-
-.search-item:hover {
-    background-color: #1f1f1f;
-}
-
-.search-item-content {
-    display: flex;
-    align-items: center;
-}
-
-.search-item-thumbnail img {
-    width: 40px;
-    margin-right: 1rem;
-}
-
-.search-item-info h3 {
-    font-weight: 600;
-    font-size: 1rem;
-}
-
-.search-item-info p {
-    font-size: 0.8rem;
-    margin-top: 0.5rem;
-    font-weight: 600;
-    opacity: 0.6;
-}
-
-.hide-search-list{
-    display: none;
-}
-
-.search-results::-webkit-scrollbar {
-    width: 8px;
-}
-
-.search-results::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-}
-
-.search-results::-webkit-scrollbar-thumb {
-    background-color: #d4aa11;
-    border-radius: 10px;
-}
-
-.results-area {
-    padding: 3rem 0;
-}
-
-.movie-poster img {
-    max-width: 300px;
-    margin: 0 auto;
-    border: 4px solid #fff;
-}
-
-.movie-info {
-    text-align: center;
-    color: #fff;
-    padding-top: 3rem;
-}
-
-.movie-title {
-    font-size: 2rem;
-    color: #d4aa11;
-}
-
-.movie-details {
-    list-style: none;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 1rem;
-}
-
-.movie-details .year {
-    font-weight: 500;
-}
-
-.movie-details .rated {
-    background-color: #d4aa11;
-    padding: 0.4rem;
-    margin: 0 0.4rem;
-    border-radius: 3px;
-    font-weight: 600;
-}
-
-.movie-details .released {
-    font-size: 0.9rem;
-    opacity: 0.9;
-}
-
-.movie-info .genre {
-    background-color: #292929;
-    display: inline-block;
-    padding: 0.5rem;
-    border-radius: 3px;
-}
-
-.movie-info .writer {
-    padding: 0.5rem;
-    margin: 1rem 0;
-}
-
-.movie-info .plot {
-    max-width: 400px;
-    margin: 1rem auto;
-}
-
-.movie-info .language {
-    color: #d4aa11;
-    font-style: italic;
-}
-
-.movie-info .awards {
-    font-weight: 300;
-    font-size: 0.9rem;
-}
-
-.movie-info .awards i {
-    color: #d4aa11;
-    margin: 1rem 0.7rem 0 0;
-}
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Inter', sans-serif;
+}
+
+::-webkit-scrollbar {
+    width: 15px;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #292929;
+    border-radius: 5px;
+}
+
+a {
+    text-decoration: none;
+}
+
+img {
+    width: 100%;
+    display: block;
+}
+
+.wrapper {
+    min-height: 100vh;
+    background-color: #171717;
+}
+
+.search-area {
+    background-color: #1d1d1d;
+    height: 180px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.search-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+}
+
+.search-box h3 {
+    margin-bottom: 1.5rem;
+    font-size: 2rem;
+    color: #fff;
+    font-weight: 500;
+}
+
+.form-input {
+    padding: 1rem 2rem;
+    font-size: 1.4rem;
+    border: none;
+    border-radius: 3px;
+    outline: none;
+    width: 350px;
+}
+
+.search-results {
+    position: absolute;
+    top: 100%;
+    max-height: 500px;
+    overflow-y: scroll;
+    z-index: 10;
+    right: 0;
+}
+
+.search-item {
+    background-color: #292929;
+    padding: 0.5rem;
+    border-bottom: 1px solid #171717;
+    color: #fff;
+    cursor: pointer;
+    transition: background-color 200ms ease;
+}
+
+.search-item:hover {
+    background-color: #1f1f1f;
+}
+
+.search-item-content {
+    display: flex;
+    align-items: center;
+}
+
+.search-item-thumbnail img {
+    width: 40px;
+    margin-right: 1rem;
+}
+
+.search-item-info h3 {
+    font-weight: 600;
+    font-size: 1rem;
+}
+
+.search-item-info p {
+    font-size: 0.8rem;
+    margin-top: 0.5rem;
+    font-weight: 600;
+    opacity: 0.6;
+}
+
+.hide-search-list{
+    display: none;
+}
+
+.search-results::-webkit-scrollbar {
+    width: 8px;
+}
+
+.search-results::-webkit-scrollbar-track {
+    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+}
+
+.search-results::-webkit-scrollbar-thumb {
+    background-color: #d4aa11;
+    border-radius: 10px;
+}
+
+.results-area {
+    padding: 3rem 0;
+}
+
+.movie-poster img {
+    max-width: 300px;
+    margin: 0 auto;
+    border: 4px solid #fff;
+}
+
+.movie-info {
+    text-align: center;
+    color: #fff;
+    padding-top: 3rem;
+}
+
+.movie-title {
+    font-size: 2rem;
+    color: #d4aa11;
+}
+
+.movie-details {
+    list-style: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 1rem;
+}
+
+.movie-details .year {
+    font-weight: 500;
+}
+
+.movie-details .rated {
+    background-color: #d4aa11;
+    padding: 0.4rem;
+    margin: 0 0.4rem;
+    border-radius: 3px;
+    font-weight: 600;
+}
+
+.movie-details .released {
+    font-size: 0.9rem;
+    opacity: 0.9;
+}
+
+.movie-info .genre {
+    background-color: #292929;
+    display: inline-block;
+    padding: 0.5rem;
+    border-radius: 3px;
+}
+
+.movie-info .writer {
+    padding: 0.5rem;
+    margin: 1rem 0;
+}
+
+.movie-info .plot {
+    max-width: 400px;
+    margin: 1rem auto;
+}
+
+.movie-info .language {
+    color: #d4aa11;
+    font-style: italic;
+}
+
+.movie-info .awards {
+    font-weight: 300;
+    font-size: 0.9rem;
+}
+
+.movie-info .awards i {
+    color: #d4aa11;
+    margin: 1rem 0.7rem 0 0;
+}
diff --git a/Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/README.md b/projects/vanilla-js/intermediate/Number-To-Words-Convertor/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/README.md
rename to projects/vanilla-js/intermediate/Number-To-Words-Convertor/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/index.html b/projects/vanilla-js/intermediate/Number-To-Words-Convertor/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/index.html
rename to projects/vanilla-js/intermediate/Number-To-Words-Convertor/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/screenshot.webp b/projects/vanilla-js/intermediate/Number-To-Words-Convertor/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/screenshot.webp
rename to projects/vanilla-js/intermediate/Number-To-Words-Convertor/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/script.js b/projects/vanilla-js/intermediate/Number-To-Words-Convertor/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/script.js
rename to projects/vanilla-js/intermediate/Number-To-Words-Convertor/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/style.css b/projects/vanilla-js/intermediate/Number-To-Words-Convertor/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Number-To-Words-Convertor/style.css
rename to projects/vanilla-js/intermediate/Number-To-Words-Convertor/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Paint-App/README.md b/projects/vanilla-js/intermediate/Paint-App/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Paint-App/README.md
rename to projects/vanilla-js/intermediate/Paint-App/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Paint-App/index.html b/projects/vanilla-js/intermediate/Paint-App/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Paint-App/index.html
rename to projects/vanilla-js/intermediate/Paint-App/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Paint-App/screenshot.webp b/projects/vanilla-js/intermediate/Paint-App/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Paint-App/screenshot.webp
rename to projects/vanilla-js/intermediate/Paint-App/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Paint-App/script.js b/projects/vanilla-js/intermediate/Paint-App/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Paint-App/script.js
rename to projects/vanilla-js/intermediate/Paint-App/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Paint-App/style.css b/projects/vanilla-js/intermediate/Paint-App/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Paint-App/style.css
rename to projects/vanilla-js/intermediate/Paint-App/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Generator/Readme.md b/projects/vanilla-js/intermediate/Password-Generator/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Generator/Readme.md
rename to projects/vanilla-js/intermediate/Password-Generator/Readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Generator/copy.png b/projects/vanilla-js/intermediate/Password-Generator/copy.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Generator/copy.png
rename to projects/vanilla-js/intermediate/Password-Generator/copy.png
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Generator/generate.png b/projects/vanilla-js/intermediate/Password-Generator/generate.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Generator/generate.png
rename to projects/vanilla-js/intermediate/Password-Generator/generate.png
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Generator/index.html b/projects/vanilla-js/intermediate/Password-Generator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Generator/index.html
rename to projects/vanilla-js/intermediate/Password-Generator/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Generator/screenshot.webp b/projects/vanilla-js/intermediate/Password-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Generator/screenshot.webp
rename to projects/vanilla-js/intermediate/Password-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Generator/script.js b/projects/vanilla-js/intermediate/Password-Generator/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Generator/script.js
rename to projects/vanilla-js/intermediate/Password-Generator/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Generator/style.css b/projects/vanilla-js/intermediate/Password-Generator/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Generator/style.css
rename to projects/vanilla-js/intermediate/Password-Generator/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/README.md b/projects/vanilla-js/intermediate/Password-Strength-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/README.md
rename to projects/vanilla-js/intermediate/Password-Strength-Checker/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/index.html b/projects/vanilla-js/intermediate/Password-Strength-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/index.html
rename to projects/vanilla-js/intermediate/Password-Strength-Checker/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/screenshot.webp b/projects/vanilla-js/intermediate/Password-Strength-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/screenshot.webp
rename to projects/vanilla-js/intermediate/Password-Strength-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/script.js b/projects/vanilla-js/intermediate/Password-Strength-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/script.js
rename to projects/vanilla-js/intermediate/Password-Strength-Checker/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/style.css b/projects/vanilla-js/intermediate/Password-Strength-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Password-Strength-Checker/style.css
rename to projects/vanilla-js/intermediate/Password-Strength-Checker/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Random-Name-Generator/Readme.md b/projects/vanilla-js/intermediate/Random-Name-Generator/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Random-Name-Generator/Readme.md
rename to projects/vanilla-js/intermediate/Random-Name-Generator/Readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Random-Name-Generator/index.html b/projects/vanilla-js/intermediate/Random-Name-Generator/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Random-Name-Generator/index.html
rename to projects/vanilla-js/intermediate/Random-Name-Generator/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Random-Name-Generator/index.js b/projects/vanilla-js/intermediate/Random-Name-Generator/index.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Random-Name-Generator/index.js
rename to projects/vanilla-js/intermediate/Random-Name-Generator/index.js
diff --git a/Vanilla-JS-Projects/Intermediate/Random-Name-Generator/screenshot.webp b/projects/vanilla-js/intermediate/Random-Name-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Random-Name-Generator/screenshot.webp
rename to projects/vanilla-js/intermediate/Random-Name-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Random-Name-Generator/style.css b/projects/vanilla-js/intermediate/Random-Name-Generator/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Random-Name-Generator/style.css
rename to projects/vanilla-js/intermediate/Random-Name-Generator/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/Readme.md b/projects/vanilla-js/intermediate/Social-Media-Analytics/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/Readme.md
rename to projects/vanilla-js/intermediate/Social-Media-Analytics/Readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/index.html b/projects/vanilla-js/intermediate/Social-Media-Analytics/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/index.html
rename to projects/vanilla-js/intermediate/Social-Media-Analytics/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/screenshot.webp b/projects/vanilla-js/intermediate/Social-Media-Analytics/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/screenshot.webp
rename to projects/vanilla-js/intermediate/Social-Media-Analytics/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/src/index.js b/projects/vanilla-js/intermediate/Social-Media-Analytics/src/index.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/src/index.js
rename to projects/vanilla-js/intermediate/Social-Media-Analytics/src/index.js
diff --git a/Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/src/styles.css b/projects/vanilla-js/intermediate/Social-Media-Analytics/src/styles.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Social-Media-Analytics/src/styles.css
rename to projects/vanilla-js/intermediate/Social-Media-Analytics/src/styles.css
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Game/README.md b/projects/vanilla-js/intermediate/Sudoku-Game/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Game/README.md
rename to projects/vanilla-js/intermediate/Sudoku-Game/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Game/app.js b/projects/vanilla-js/intermediate/Sudoku-Game/app.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Game/app.js
rename to projects/vanilla-js/intermediate/Sudoku-Game/app.js
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Game/index.html b/projects/vanilla-js/intermediate/Sudoku-Game/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Game/index.html
rename to projects/vanilla-js/intermediate/Sudoku-Game/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Game/screenshot.webp b/projects/vanilla-js/intermediate/Sudoku-Game/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Game/screenshot.webp
rename to projects/vanilla-js/intermediate/Sudoku-Game/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Game/style.css b/projects/vanilla-js/intermediate/Sudoku-Game/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Game/style.css
rename to projects/vanilla-js/intermediate/Sudoku-Game/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Solver/Readme.md b/projects/vanilla-js/intermediate/Sudoku-Solver/Readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Solver/Readme.md
rename to projects/vanilla-js/intermediate/Sudoku-Solver/Readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Solver/index.html b/projects/vanilla-js/intermediate/Sudoku-Solver/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Solver/index.html
rename to projects/vanilla-js/intermediate/Sudoku-Solver/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Solver/screenshot.webp b/projects/vanilla-js/intermediate/Sudoku-Solver/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Solver/screenshot.webp
rename to projects/vanilla-js/intermediate/Sudoku-Solver/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Solver/script.js b/projects/vanilla-js/intermediate/Sudoku-Solver/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Solver/script.js
rename to projects/vanilla-js/intermediate/Sudoku-Solver/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Sudoku-Solver/style.css b/projects/vanilla-js/intermediate/Sudoku-Solver/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Sudoku-Solver/style.css
rename to projects/vanilla-js/intermediate/Sudoku-Solver/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Synonym-Searcher/README.md b/projects/vanilla-js/intermediate/Synonym-Searcher/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Synonym-Searcher/README.md
rename to projects/vanilla-js/intermediate/Synonym-Searcher/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Synonym-Searcher/app.js b/projects/vanilla-js/intermediate/Synonym-Searcher/app.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Synonym-Searcher/app.js
rename to projects/vanilla-js/intermediate/Synonym-Searcher/app.js
diff --git a/Vanilla-JS-Projects/Intermediate/Synonym-Searcher/assets/spinner.svg b/projects/vanilla-js/intermediate/Synonym-Searcher/assets/spinner.svg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Synonym-Searcher/assets/spinner.svg
rename to projects/vanilla-js/intermediate/Synonym-Searcher/assets/spinner.svg
diff --git a/Vanilla-JS-Projects/Intermediate/Synonym-Searcher/index.html b/projects/vanilla-js/intermediate/Synonym-Searcher/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Synonym-Searcher/index.html
rename to projects/vanilla-js/intermediate/Synonym-Searcher/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Synonym-Searcher/main.css b/projects/vanilla-js/intermediate/Synonym-Searcher/main.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Synonym-Searcher/main.css
rename to projects/vanilla-js/intermediate/Synonym-Searcher/main.css
diff --git a/Vanilla-JS-Projects/Intermediate/Synonym-Searcher/screenshot.webp b/projects/vanilla-js/intermediate/Synonym-Searcher/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Synonym-Searcher/screenshot.webp
rename to projects/vanilla-js/intermediate/Synonym-Searcher/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Task-Reminder/README.md b/projects/vanilla-js/intermediate/Task-Reminder/README.md
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Task-Reminder/README.md
rename to projects/vanilla-js/intermediate/Task-Reminder/README.md
index 7041ddd9..e8ddd015 100644
--- a/Vanilla-JS-Projects/Intermediate/Task-Reminder/README.md
+++ b/projects/vanilla-js/intermediate/Task-Reminder/README.md
@@ -1,91 +1,91 @@
-<h1 align='center'><b>💥 Task Reminder Application 💥</b></h1>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h3 align='center'>Tech Stack Used 🎮</h3>
-<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
-
-<div align='center'>
-
-  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
-  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
-  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
-  ![LocalStorage](https://img.shields.io/badge/LocalStorage-%23FF9900.svg?style=for-the-badge&logo=google-chrome&logoColor=white)
-
-</div>
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Description 📃
-
-<div>
-  <p>This Task Reminder Application helps you manage your tasks efficiently with features like task management, due date and time settings, priority levels, persistent storage, and responsive design.</p>
-</div>
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Features 🔥
-
-- **Task Management**: Add, edit, and delete tasks.
-- **Due Date and Time**: Set deadlines with date and time pickers.
-- **Priority Levels**: Assign priority (Low, Medium, High) to tasks.
-- **Persistent Storage**: Tasks are saved in local storage for persistence.
-- **Responsive Design**: User-friendly interface optimized for various screen sizes.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to run it? 🕹️
-
-- Clone the repository to your local machine.
-- Open the `index.html` file in your web browser to start using the application.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: How to use 👨‍🏫
-
-- **Adding Tasks**:
-   - Enter a task description in the input field.
-   - Use the date picker to select the due date.
-   - Use the 24-hour time picker to set the due time.
-   - Choose a priority level (Low, Medium, High) from the dropdown.
-   - Click the "Add Task" button to add the task to your list.
-
-- **Managing Tasks**:
-   - Mark tasks as completed by clicking the checkbox next to each task.
-   - Edit tasks by clicking on the task text and entering new text.
-   - Delete tasks by clicking the "Delete" button next to each task.
-
-- **Persistence**:
-   - Tasks are stored in the browser's local storage, ensuring they remain even after closing the browser.
-   - Refreshing the page or reopening the browser will retain your task list.
-
-- **Customization**:
-   - Modify `styles.css` to change the look and feel of the application.
-   - Extend `script.js` to add more features, such as reminders or notifications.
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-## :zap: Screenshots 📸
-
-![Screenshot](https://raw.githubusercontent.com/ananyag309/WebMasterLog_gssoc/Task-Reminder/Vanilla-JS-Projects/Intermediate/Task-Reminder/screenshot.webp)
-
-
-![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
-
-<!-- -------------------------------------------------------------------------------------------------------------- -->
-
-<h4 align='center'>Developed By <b><i>Ananya Gupta</i></b> 👦</h4>
-<p align='center'>
-  <a href='https://www.linkedin.com/in/ananya-gupta-30aa9b28b/'>
-    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
-  </a>
-  <a href='https://github.com/ananyag309'>
-    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
-  </a>
-</p>
-
-<h4 align='center'>Happy Coding 🧑‍💻</h4>
-
-<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
+<h1 align='center'><b>💥 Task Reminder Application 💥</b></h1>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
+
+<div align='center'>
+
+  ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
+  ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
+  ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
+  ![LocalStorage](https://img.shields.io/badge/LocalStorage-%23FF9900.svg?style=for-the-badge&logo=google-chrome&logoColor=white)
+
+</div>
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <p>This Task Reminder Application helps you manage your tasks efficiently with features like task management, due date and time settings, priority levels, persistent storage, and responsive design.</p>
+</div>
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Features 🔥
+
+- **Task Management**: Add, edit, and delete tasks.
+- **Due Date and Time**: Set deadlines with date and time pickers.
+- **Priority Levels**: Assign priority (Low, Medium, High) to tasks.
+- **Persistent Storage**: Tasks are saved in local storage for persistence.
+- **Responsive Design**: User-friendly interface optimized for various screen sizes.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+- Clone the repository to your local machine.
+- Open the `index.html` file in your web browser to start using the application.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to use 👨‍🏫
+
+- **Adding Tasks**:
+   - Enter a task description in the input field.
+   - Use the date picker to select the due date.
+   - Use the 24-hour time picker to set the due time.
+   - Choose a priority level (Low, Medium, High) from the dropdown.
+   - Click the "Add Task" button to add the task to your list.
+
+- **Managing Tasks**:
+   - Mark tasks as completed by clicking the checkbox next to each task.
+   - Edit tasks by clicking on the task text and entering new text.
+   - Delete tasks by clicking the "Delete" button next to each task.
+
+- **Persistence**:
+   - Tasks are stored in the browser's local storage, ensuring they remain even after closing the browser.
+   - Refreshing the page or reopening the browser will retain your task list.
+
+- **Customization**:
+   - Modify `styles.css` to change the look and feel of the application.
+   - Extend `script.js` to add more features, such as reminders or notifications.
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+
+![Screenshot](https://raw.githubusercontent.com/ananyag309/WebMasterLog_gssoc/Task-Reminder/Vanilla-JS-Projects/Intermediate/Task-Reminder/screenshot.webp)
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Ananya Gupta</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/ananya-gupta-30aa9b28b/'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/ananyag309'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>
diff --git a/Vanilla-JS-Projects/Intermediate/Task-Reminder/index.html b/projects/vanilla-js/intermediate/Task-Reminder/index.html
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Task-Reminder/index.html
rename to projects/vanilla-js/intermediate/Task-Reminder/index.html
index a649cfd2..1a473782 100644
--- a/Vanilla-JS-Projects/Intermediate/Task-Reminder/index.html
+++ b/projects/vanilla-js/intermediate/Task-Reminder/index.html
@@ -1,34 +1,34 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Advanced Task Reminder</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <div class="container">
-        <header>
-            <h1>Task Reminder</h1>
-        </header>
-        <main>
-            <div class="task-input">
-                <input type="text" id="task" placeholder="Enter your task here...">
-                <input type="date" id="dueDate">
-                <input type="time" id="dueTime">
-                <select id="priority">
-                    <option value="Low">Low</option>
-                    <option value="Medium">Medium</option>
-                    <option value="High">High</option>
-                </select>
-                <button id="addTaskBtn">Add Task</button>
-            </div>
-            <ul id="taskList"></ul>
-        </main>
-        <footer>
-            <p>&copy; 2024 Task Reminder. All rights reserved.</p>
-        </footer>
-    </div>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Advanced Task Reminder</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <header>
+            <h1>Task Reminder</h1>
+        </header>
+        <main>
+            <div class="task-input">
+                <input type="text" id="task" placeholder="Enter your task here...">
+                <input type="date" id="dueDate">
+                <input type="time" id="dueTime">
+                <select id="priority">
+                    <option value="Low">Low</option>
+                    <option value="Medium">Medium</option>
+                    <option value="High">High</option>
+                </select>
+                <button id="addTaskBtn">Add Task</button>
+            </div>
+            <ul id="taskList"></ul>
+        </main>
+        <footer>
+            <p>&copy; 2024 Task Reminder. All rights reserved.</p>
+        </footer>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Intermediate/Task-Reminder/screenshot.webp b/projects/vanilla-js/intermediate/Task-Reminder/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Task-Reminder/screenshot.webp
rename to projects/vanilla-js/intermediate/Task-Reminder/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Task-Reminder/script.js b/projects/vanilla-js/intermediate/Task-Reminder/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Task-Reminder/script.js
rename to projects/vanilla-js/intermediate/Task-Reminder/script.js
index 30d3bd5c..fcb5e755 100644
--- a/Vanilla-JS-Projects/Intermediate/Task-Reminder/script.js
+++ b/projects/vanilla-js/intermediate/Task-Reminder/script.js
@@ -1,116 +1,116 @@
-document.addEventListener('DOMContentLoaded', () => {
-    const addTaskBtn = document.getElementById('addTaskBtn');
-    const taskInput = document.getElementById('task');
-    const dueDateInput = document.getElementById('dueDate');
-    const dueTimeInput = document.getElementById('dueTime');
-    const priorityInput = document.getElementById('priority');
-    const taskList = document.getElementById('taskList');
-
-    // Load tasks from local storage
-    loadTasks();
-
-    addTaskBtn.addEventListener('click', () => {
-        const taskText = taskInput.value.trim();
-        const dueDate = dueDateInput.value;
-        const dueTime = dueTimeInput.value;
-        const priority = priorityInput.value;
-        if (taskText && dueDate && dueTime && priority) {
-            const task = {
-                text: taskText,
-                dueDateTime: new Date(`${dueDate}T${dueTime}`).toISOString(),
-                priority,
-                completed: false
-            };
-            addTask(task);
-            saveTask(task);
-            taskInput.value = '';
-            dueDateInput.value = '';
-            dueTimeInput.value = '';
-            priorityInput.value = 'Low';
-        }
-    });
-
-    taskList.addEventListener('click', (e) => {
-        if (e.target.tagName === 'BUTTON') {
-            const taskItem = e.target.parentElement;
-            const taskText = taskItem.querySelector('.task-text').textContent;
-            taskList.removeChild(taskItem);
-            removeTask(taskText);
-        } else if (e.target.tagName === 'INPUT') {
-            const taskItem = e.target.parentElement;
-            const taskText = taskItem.querySelector('.task-text').textContent;
-            const tasks = getTasks();
-            const task = tasks.find(task => task.text === taskText);
-            task.completed = e.target.checked;
-            taskItem.querySelector('.task-text').style.textDecoration = task.completed ? 'line-through' : 'none';
-            localStorage.setItem('tasks', JSON.stringify(tasks));
-        } else if (e.target.tagName === 'P') {
-            editTask(e.target);
-        }
-    });
-
-    function addTask(task) {
-        const taskItem = document.createElement('li');
-        taskItem.className = 'task-item';
-
-        const taskPara = document.createElement('p');
-        taskPara.className = 'task-text';
-        taskPara.textContent = task.text;
-
-        const dueDatePara = document.createElement('p');
-        dueDatePara.className = 'task-due-date';
-        dueDatePara.textContent = new Date(task.dueDateTime).toLocaleString();
-
-        const priorityPara = document.createElement('p');
-        priorityPara.className = 'task-priority';
-        priorityPara.textContent = task.priority;
-
-        const deleteBtn = document.createElement('button');
-        deleteBtn.textContent = 'Delete';
-
-        taskItem.appendChild(taskPara);
-        taskItem.appendChild(dueDatePara);
-        taskItem.appendChild(priorityPara);
-        taskItem.appendChild(deleteBtn);
-        taskList.appendChild(taskItem);
-    }
-
-    function saveTask(task) {
-        const tasks = getTasks();
-        tasks.push(task);
-        localStorage.setItem('tasks', JSON.stringify(tasks));
-    }
-
-    function loadTasks() {
-        const tasks = getTasks();
-        tasks.forEach(task => addTask(task));
-    }
-
-    function removeTask(taskText) {
-        let tasks = getTasks();
-        tasks = tasks.filter(task => task.text !== taskText);
-        localStorage.setItem('tasks', JSON.stringify(tasks));
-    }
-
-    function editTask(taskElement) {
-        const newTaskText = prompt('Edit task:', taskElement.textContent);
-        if (newTaskText !== null) {
-            const oldTaskText = taskElement.textContent;
-            taskElement.textContent = newTaskText;
-            updateTask(oldTaskText, newTaskText);
-        }
-    }
-
-    function updateTask(oldTaskText, newTaskText) {
-        let tasks = getTasks();
-        const taskIndex = tasks.findIndex(task => task.text === oldTaskText);
-        if (taskIndex > -1) {
-            tasks[taskIndex].text = newTaskText;
-            localStorage.setItem('tasks', JSON.stringify(tasks));
-        }
-    }
-
-    function getTasks() {
-        return JSON.parse(localStorage.getItem('tasks')) || [];
-    }
-});
+document.addEventListener('DOMContentLoaded', () => {
+    const addTaskBtn = document.getElementById('addTaskBtn');
+    const taskInput = document.getElementById('task');
+    const dueDateInput = document.getElementById('dueDate');
+    const dueTimeInput = document.getElementById('dueTime');
+    const priorityInput = document.getElementById('priority');
+    const taskList = document.getElementById('taskList');
+
+    // Load tasks from local storage
+    loadTasks();
+
+    addTaskBtn.addEventListener('click', () => {
+        const taskText = taskInput.value.trim();
+        const dueDate = dueDateInput.value;
+        const dueTime = dueTimeInput.value;
+        const priority = priorityInput.value;
+        if (taskText && dueDate && dueTime && priority) {
+            const task = {
+                text: taskText,
+                dueDateTime: new Date(`${dueDate}T${dueTime}`).toISOString(),
+                priority,
+                completed: false
+            };
+            addTask(task);
+            saveTask(task);
+            taskInput.value = '';
+            dueDateInput.value = '';
+            dueTimeInput.value = '';
+            priorityInput.value = 'Low';
+        }
+    });
+
+    taskList.addEventListener('click', (e) => {
+        if (e.target.tagName === 'BUTTON') {
+            const taskItem = e.target.parentElement;
+            const taskText = taskItem.querySelector('.task-text').textContent;
+            taskList.removeChild(taskItem);
+            removeTask(taskText);
+        } else if (e.target.tagName === 'INPUT') {
+            const taskItem = e.target.parentElement;
+            const taskText = taskItem.querySelector('.task-text').textContent;
+            const tasks = getTasks();
+            const task = tasks.find(task => task.text === taskText);
+            task.completed = e.target.checked;
+            taskItem.querySelector('.task-text').style.textDecoration = task.completed ? 'line-through' : 'none';
+            localStorage.setItem('tasks', JSON.stringify(tasks));
+        } else if (e.target.tagName === 'P') {
+            editTask(e.target);
+        }
+    });
+
+    function addTask(task) {
+        const taskItem = document.createElement('li');
+        taskItem.className = 'task-item';
+
+        const taskPara = document.createElement('p');
+        taskPara.className = 'task-text';
+        taskPara.textContent = task.text;
+
+        const dueDatePara = document.createElement('p');
+        dueDatePara.className = 'task-due-date';
+        dueDatePara.textContent = new Date(task.dueDateTime).toLocaleString();
+
+        const priorityPara = document.createElement('p');
+        priorityPara.className = 'task-priority';
+        priorityPara.textContent = task.priority;
+
+        const deleteBtn = document.createElement('button');
+        deleteBtn.textContent = 'Delete';
+
+        taskItem.appendChild(taskPara);
+        taskItem.appendChild(dueDatePara);
+        taskItem.appendChild(priorityPara);
+        taskItem.appendChild(deleteBtn);
+        taskList.appendChild(taskItem);
+    }
+
+    function saveTask(task) {
+        const tasks = getTasks();
+        tasks.push(task);
+        localStorage.setItem('tasks', JSON.stringify(tasks));
+    }
+
+    function loadTasks() {
+        const tasks = getTasks();
+        tasks.forEach(task => addTask(task));
+    }
+
+    function removeTask(taskText) {
+        let tasks = getTasks();
+        tasks = tasks.filter(task => task.text !== taskText);
+        localStorage.setItem('tasks', JSON.stringify(tasks));
+    }
+
+    function editTask(taskElement) {
+        const newTaskText = prompt('Edit task:', taskElement.textContent);
+        if (newTaskText !== null) {
+            const oldTaskText = taskElement.textContent;
+            taskElement.textContent = newTaskText;
+            updateTask(oldTaskText, newTaskText);
+        }
+    }
+
+    function updateTask(oldTaskText, newTaskText) {
+        let tasks = getTasks();
+        const taskIndex = tasks.findIndex(task => task.text === oldTaskText);
+        if (taskIndex > -1) {
+            tasks[taskIndex].text = newTaskText;
+            localStorage.setItem('tasks', JSON.stringify(tasks));
+        }
+    }
+
+    function getTasks() {
+        return JSON.parse(localStorage.getItem('tasks')) || [];
+    }
+});
diff --git a/Vanilla-JS-Projects/Intermediate/Task-Reminder/styles.css b/projects/vanilla-js/intermediate/Task-Reminder/styles.css
similarity index 94%
rename from Vanilla-JS-Projects/Intermediate/Task-Reminder/styles.css
rename to projects/vanilla-js/intermediate/Task-Reminder/styles.css
index 5ca0f7c4..c8578402 100644
--- a/Vanilla-JS-Projects/Intermediate/Task-Reminder/styles.css
+++ b/projects/vanilla-js/intermediate/Task-Reminder/styles.css
@@ -1,137 +1,137 @@
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: 'Arial', sans-serif;
-}
-
-body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    background: linear-gradient(135deg, #2b2d42, #8d99ae);
-}
-
-.container {
-    background-color: #edf2f4;
-    border-radius: 10px;
-    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-    width: 450px;
-    padding: 20px;
-}
-
-header {
-    text-align: center;
-    margin-bottom: 20px;
-}
-
-header h1 {
-    font-size: 2em;
-    color: #2b2d42;
-}
-
-main {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.task-input {
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    margin-bottom: 20px;
-}
-
-#task, #dueDate, #dueTime, #priority {
-    margin-bottom: 10px;
-    padding: 10px;
-    border: 1px solid #8d99ae;
-    border-radius: 5px;
-    outline: none;
-    width: 100%;
-}
-
-#addTaskBtn {
-    padding: 10px;
-    border: none;
-    background-color: #2b2d42;
-    color: #edf2f4;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-}
-
-#addTaskBtn:hover {
-    background-color: #8d99ae;
-}
-
-#taskList {
-    list-style-type: none;
-    width: 100%;
-}
-
-.task-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: #fff;
-    padding: 10px;
-    border: 1px solid #8d99ae;
-    border-radius: 5px;
-    margin-bottom: 10px;
-    transition: transform 0.3s;
-}
-
-.task-item:hover {
-    transform: scale(1.02);
-}
-
-.task-item p {
-    margin: 0;
-}
-
-.task-item .task-text {
-    flex: 1;
-    margin-right: 10px;
-}
-
-.task-item .task-completed {
-    margin-right: 10px;
-}
-
-.task-item .task-due-date {
-    margin-right: 10px;
-    color: #ef233c;
-}
-
-.task-item .task-priority {
-    margin-right: 10px;
-}
-
-.task-item button {
-    background-color: #ef233c;
-    border: none;
-    color: #edf2f4;
-    padding: 5px 10px;
-    border-radius: 5px;
-    cursor: pointer;
-    transition: background-color 0.3s;
-}
-
-.task-item button:hover {
-    background-color: #d90429;
-}
-
-footer {
-    text-align: center;
-    margin-top: 20px;
-    color: #2b2d42;
-}
-
-@media (max-width: 500px) {
-    .container {
-        width: 90%;
-    }
-}
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Arial', sans-serif;
+}
+
+body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    background: linear-gradient(135deg, #2b2d42, #8d99ae);
+}
+
+.container {
+    background-color: #edf2f4;
+    border-radius: 10px;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+    width: 450px;
+    padding: 20px;
+}
+
+header {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+header h1 {
+    font-size: 2em;
+    color: #2b2d42;
+}
+
+main {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.task-input {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    margin-bottom: 20px;
+}
+
+#task, #dueDate, #dueTime, #priority {
+    margin-bottom: 10px;
+    padding: 10px;
+    border: 1px solid #8d99ae;
+    border-radius: 5px;
+    outline: none;
+    width: 100%;
+}
+
+#addTaskBtn {
+    padding: 10px;
+    border: none;
+    background-color: #2b2d42;
+    color: #edf2f4;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+#addTaskBtn:hover {
+    background-color: #8d99ae;
+}
+
+#taskList {
+    list-style-type: none;
+    width: 100%;
+}
+
+.task-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #fff;
+    padding: 10px;
+    border: 1px solid #8d99ae;
+    border-radius: 5px;
+    margin-bottom: 10px;
+    transition: transform 0.3s;
+}
+
+.task-item:hover {
+    transform: scale(1.02);
+}
+
+.task-item p {
+    margin: 0;
+}
+
+.task-item .task-text {
+    flex: 1;
+    margin-right: 10px;
+}
+
+.task-item .task-completed {
+    margin-right: 10px;
+}
+
+.task-item .task-due-date {
+    margin-right: 10px;
+    color: #ef233c;
+}
+
+.task-item .task-priority {
+    margin-right: 10px;
+}
+
+.task-item button {
+    background-color: #ef233c;
+    border: none;
+    color: #edf2f4;
+    padding: 5px 10px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s;
+}
+
+.task-item button:hover {
+    background-color: #d90429;
+}
+
+footer {
+    text-align: center;
+    margin-top: 20px;
+    color: #2b2d42;
+}
+
+@media (max-width: 500px) {
+    .container {
+        width: 90%;
+    }
+}
diff --git a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/README.md b/projects/vanilla-js/intermediate/Text-Summarizer/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-Summarizer/README.md
rename to projects/vanilla-js/intermediate/Text-Summarizer/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/index.html b/projects/vanilla-js/intermediate/Text-Summarizer/index.html
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Text-Summarizer/index.html
rename to projects/vanilla-js/intermediate/Text-Summarizer/index.html
index 80bb4271..a147169e 100644
--- a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/index.html
+++ b/projects/vanilla-js/intermediate/Text-Summarizer/index.html
@@ -1,36 +1,36 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Professional Text Summarizer</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <div class="container">
-        <h1>Text Summarizer</h1>
-        <div class="language-selection">
-            <label for="language">Select Language:</label>
-            <select id="language">
-                <option value="en">English</option>
-                <option value="es">Spanish</option>
-                <option value="fr">French</option>
-                <option value="de">German</option>
-                <option value="zh">Chinese</option>
-                <!-- Add more languages as needed -->
-            </select>
-        </div>
-        <textarea id="inputText" placeholder="Paste your text here..." rows="10"></textarea>
-        <div class="info">
-            <span id="wordCount">Word Count: 0</span>
-        </div>
-        <button id="summarizeBtn">Summarize</button>
-        <div class="output">
-            <h2>Summary</h2>
-            <p id="summaryText"></p>
-            <button id="exportBtn" style="display:none;">Export Summary</button>
-        </div>
-    </div>
-    <script src="script.js"></script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Professional Text Summarizer</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="container">
+        <h1>Text Summarizer</h1>
+        <div class="language-selection">
+            <label for="language">Select Language:</label>
+            <select id="language">
+                <option value="en">English</option>
+                <option value="es">Spanish</option>
+                <option value="fr">French</option>
+                <option value="de">German</option>
+                <option value="zh">Chinese</option>
+                <!-- Add more languages as needed -->
+            </select>
+        </div>
+        <textarea id="inputText" placeholder="Paste your text here..." rows="10"></textarea>
+        <div class="info">
+            <span id="wordCount">Word Count: 0</span>
+        </div>
+        <button id="summarizeBtn">Summarize</button>
+        <div class="output">
+            <h2>Summary</h2>
+            <p id="summaryText"></p>
+            <button id="exportBtn" style="display:none;">Export Summary</button>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/screenshot.webp b/projects/vanilla-js/intermediate/Text-Summarizer/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-Summarizer/screenshot.webp
rename to projects/vanilla-js/intermediate/Text-Summarizer/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/script.js b/projects/vanilla-js/intermediate/Text-Summarizer/script.js
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Text-Summarizer/script.js
rename to projects/vanilla-js/intermediate/Text-Summarizer/script.js
index 252890e9..325f240c 100644
--- a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/script.js
+++ b/projects/vanilla-js/intermediate/Text-Summarizer/script.js
@@ -1,85 +1,85 @@
-document.getElementById('summarizeBtn').addEventListener('click', summarizeText);
-document.getElementById('inputText').addEventListener('input', updateWordCount);
-document.getElementById('exportBtn').addEventListener('click', exportSummary);
-document.getElementById('language').addEventListener('change', updateLanguage);
-
-async function summarizeText() {
-    const inputText = document.getElementById('inputText').value;
-    const language = document.getElementById('language').value;
-    const translatedText = await translateText(inputText, language);
-    const summary = getSummary(translatedText);
-    displaySummary(summary);
-}
-
-function updateWordCount() {
-    const inputText = document.getElementById('inputText').value;
-    const wordCount = inputText.trim().split(/\s+/).filter(word => word.length > 0).length;
-    document.getElementById('wordCount').textContent = `Word Count: ${wordCount}`;
-}
-
-async function translateText(text, targetLanguage) {
-    if (targetLanguage === 'en') return text;
-
-    const response = await fetch(`https://api.example.com/translate?text=${encodeURIComponent(text)}&target=${targetLanguage}`);
-    const data = await response.json();
-    return data.translatedText;
-}
-
-function getSummary(text) {
-    const sentences = text.split('. ');
-    const wordFrequencies = {};
-    const sentenceScores = {};
-
-    sentences.forEach(sentence => {
-        const words = sentence.split(' ');
-        words.forEach(word => {
-            word = word.toLowerCase().replace(/[^a-z]/g, '');
-            if (word) {
-                wordFrequencies[word] = (wordFrequencies[word] || 0) + 1;
-            }
-        });
-    });
-
-    sentences.forEach(sentence => {
-        const words = sentence.split(' ');
-        let sentenceScore = 0;
-        words.forEach(word => {
-            word = word.toLowerCase().replace(/[^a-z]/g, '');
-            if (wordFrequencies[word]) {
-                sentenceScore += wordFrequencies[word];
-            }
-        });
-        sentenceScores[sentence] = sentenceScore;
-    });
-
-    const summarySentences = Object.keys(sentenceScores)
-        .sort((a, b) => sentenceScores[b] - sentenceScores[a])
-        .slice(0, Math.ceil(sentences.length / 3))
-        .join('. ');
-
-    return summarySentences;
-}
-
-function displaySummary(summary) {
-    const summaryText = document.getElementById('summaryText');
-    summaryText.textContent = summary;
-    summaryText.style.animation = 'none'; // Reset animation
-    summaryText.offsetHeight; // Trigger reflow
-    summaryText.style.animation = null; // Reapply animation
-    
-    const exportBtn = document.getElementById('exportBtn');
-    if (summary) {
-        exportBtn.style.display = 'block';
-    } else {
-        exportBtn.style.display = 'none';
-    }
-}
-
-function exportSummary() {
-    const summaryText = document.getElementById('summaryText').textContent;
-    const blob = new Blob([summaryText], { type: 'text/plain' });
-    const link = document.createElement('a');
-    link.href = URL.createObjectURL(blob);
-    link.download = 'summary.txt';
-    link.click();
-}
+document.getElementById('summarizeBtn').addEventListener('click', summarizeText);
+document.getElementById('inputText').addEventListener('input', updateWordCount);
+document.getElementById('exportBtn').addEventListener('click', exportSummary);
+document.getElementById('language').addEventListener('change', updateLanguage);
+
+async function summarizeText() {
+    const inputText = document.getElementById('inputText').value;
+    const language = document.getElementById('language').value;
+    const translatedText = await translateText(inputText, language);
+    const summary = getSummary(translatedText);
+    displaySummary(summary);
+}
+
+function updateWordCount() {
+    const inputText = document.getElementById('inputText').value;
+    const wordCount = inputText.trim().split(/\s+/).filter(word => word.length > 0).length;
+    document.getElementById('wordCount').textContent = `Word Count: ${wordCount}`;
+}
+
+async function translateText(text, targetLanguage) {
+    if (targetLanguage === 'en') return text;
+
+    const response = await fetch(`https://api.example.com/translate?text=${encodeURIComponent(text)}&target=${targetLanguage}`);
+    const data = await response.json();
+    return data.translatedText;
+}
+
+function getSummary(text) {
+    const sentences = text.split('. ');
+    const wordFrequencies = {};
+    const sentenceScores = {};
+
+    sentences.forEach(sentence => {
+        const words = sentence.split(' ');
+        words.forEach(word => {
+            word = word.toLowerCase().replace(/[^a-z]/g, '');
+            if (word) {
+                wordFrequencies[word] = (wordFrequencies[word] || 0) + 1;
+            }
+        });
+    });
+
+    sentences.forEach(sentence => {
+        const words = sentence.split(' ');
+        let sentenceScore = 0;
+        words.forEach(word => {
+            word = word.toLowerCase().replace(/[^a-z]/g, '');
+            if (wordFrequencies[word]) {
+                sentenceScore += wordFrequencies[word];
+            }
+        });
+        sentenceScores[sentence] = sentenceScore;
+    });
+
+    const summarySentences = Object.keys(sentenceScores)
+        .sort((a, b) => sentenceScores[b] - sentenceScores[a])
+        .slice(0, Math.ceil(sentences.length / 3))
+        .join('. ');
+
+    return summarySentences;
+}
+
+function displaySummary(summary) {
+    const summaryText = document.getElementById('summaryText');
+    summaryText.textContent = summary;
+    summaryText.style.animation = 'none'; // Reset animation
+    summaryText.offsetHeight; // Trigger reflow
+    summaryText.style.animation = null; // Reapply animation
+    
+    const exportBtn = document.getElementById('exportBtn');
+    if (summary) {
+        exportBtn.style.display = 'block';
+    } else {
+        exportBtn.style.display = 'none';
+    }
+}
+
+function exportSummary() {
+    const summaryText = document.getElementById('summaryText').textContent;
+    const blob = new Blob([summaryText], { type: 'text/plain' });
+    const link = document.createElement('a');
+    link.href = URL.createObjectURL(blob);
+    link.download = 'summary.txt';
+    link.click();
+}
diff --git a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/styles.css b/projects/vanilla-js/intermediate/Text-Summarizer/styles.css
similarity index 94%
rename from Vanilla-JS-Projects/Intermediate/Text-Summarizer/styles.css
rename to projects/vanilla-js/intermediate/Text-Summarizer/styles.css
index 18871f35..6ad38304 100644
--- a/Vanilla-JS-Projects/Intermediate/Text-Summarizer/styles.css
+++ b/projects/vanilla-js/intermediate/Text-Summarizer/styles.css
@@ -1,146 +1,146 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
-
-* {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-}
-
-body {
-    font-family: 'Poppins', sans-serif;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    background-color: #E8F5FD;
-    padding: 20px;
-    color: #14171A;
-}
-
-.container {
-    width: 100%;
-    max-width: 900px;
-    background: #FFFFFF;
-    padding: 30px;
-    border-radius: 15px;
-    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-    animation: fadeIn 1s ease-in-out;
-    text-align: center;
-}
-
-h1 {
-    margin-bottom: 20px;
-    font-weight: 600;
-    font-size: 2.5em;
-    color: #1DA1F2;
-}
-
-h2 {
-    margin-bottom: 10px;
-    font-weight: 400;
-    font-size: 1.5em;
-    color: #14171A;
-}
-
-.language-selection {
-    margin-bottom: 20px;
-}
-
-.language-selection label {
-    font-size: 1.2em;
-    color: #14171A;
-    margin-right: 10px;
-}
-
-.language-selection select {
-    padding: 10px;
-    border: 2px solid #1DA1F2;
-    border-radius: 10px;
-    background: #E8F5FD;
-    color: #14171A;
-    font-size: 1em;
-    transition: background 0.3s, box-shadow 0.3s;
-}
-
-.language-selection select:focus {
-    background: #DDEAF7;
-    outline: none;
-    box-shadow: 0 0 10px rgba(29, 161, 242, 0.5);
-}
-
-textarea {
-    width: 100%;
-    height: 200px;
-    padding: 15px;
-    border: 2px solid #1DA1F2;
-    border-radius: 10px;
-    resize: none;
-    font-size: 16px;
-    margin-bottom: 10px;
-    background: #E8F5FD;
-    color: #14171A;
-    transition: background 0.3s, box-shadow 0.3s;
-}
-
-textarea:focus {
-    background: #DDEAF7;
-    outline: none;
-    box-shadow: 0 0 10px rgba(29, 161, 242, 0.5);
-}
-
-.info {
-    text-align: left;
-    margin-bottom: 20px;
-    font-size: 1.2em;
-    color: #657786;
-}
-
-button {
-    padding: 15px 30px;
-    border: none;
-    border-radius: 10px;
-    background: #1DA1F2;
-    color: #FFFFFF;
-    font-size: 16px;
-    cursor: pointer;
-    transition: background 0.3s, transform 0.3s;
-    margin-top: 10px;
-}
-
-button:hover {
-    background: #0A95DD;
-    transform: scale(1.1);
-}
-
-button:active {
-    transform: scale(0.9);
-}
-
-.output {
-    margin-top: 20px;
-    text-align: left;
-}
-
-#summaryText {
-    background: #E8F5FD;
-    padding: 15px;
-    border-radius: 10px;
-    animation: slideIn 0.5s ease-out;
-    transition: background 0.3s;
-    color: #14171A;
-    border: 1px solid #1DA1F2;
-}
-
-#summaryText:hover {
-    background: #DDEAF7;
-}
-
-@keyframes fadeIn {
-    from { opacity: 0; transform: translateY(-20px); }
-    to { opacity: 1; transform: translateY(0); }
-}
-
-@keyframes slideIn {
-    from { opacity: 0; transform: translateX(-20px); }
-    to { opacity: 1; transform: translateX(0); }
-}
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: 'Poppins', sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    background-color: #E8F5FD;
+    padding: 20px;
+    color: #14171A;
+}
+
+.container {
+    width: 100%;
+    max-width: 900px;
+    background: #FFFFFF;
+    padding: 30px;
+    border-radius: 15px;
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+    animation: fadeIn 1s ease-in-out;
+    text-align: center;
+}
+
+h1 {
+    margin-bottom: 20px;
+    font-weight: 600;
+    font-size: 2.5em;
+    color: #1DA1F2;
+}
+
+h2 {
+    margin-bottom: 10px;
+    font-weight: 400;
+    font-size: 1.5em;
+    color: #14171A;
+}
+
+.language-selection {
+    margin-bottom: 20px;
+}
+
+.language-selection label {
+    font-size: 1.2em;
+    color: #14171A;
+    margin-right: 10px;
+}
+
+.language-selection select {
+    padding: 10px;
+    border: 2px solid #1DA1F2;
+    border-radius: 10px;
+    background: #E8F5FD;
+    color: #14171A;
+    font-size: 1em;
+    transition: background 0.3s, box-shadow 0.3s;
+}
+
+.language-selection select:focus {
+    background: #DDEAF7;
+    outline: none;
+    box-shadow: 0 0 10px rgba(29, 161, 242, 0.5);
+}
+
+textarea {
+    width: 100%;
+    height: 200px;
+    padding: 15px;
+    border: 2px solid #1DA1F2;
+    border-radius: 10px;
+    resize: none;
+    font-size: 16px;
+    margin-bottom: 10px;
+    background: #E8F5FD;
+    color: #14171A;
+    transition: background 0.3s, box-shadow 0.3s;
+}
+
+textarea:focus {
+    background: #DDEAF7;
+    outline: none;
+    box-shadow: 0 0 10px rgba(29, 161, 242, 0.5);
+}
+
+.info {
+    text-align: left;
+    margin-bottom: 20px;
+    font-size: 1.2em;
+    color: #657786;
+}
+
+button {
+    padding: 15px 30px;
+    border: none;
+    border-radius: 10px;
+    background: #1DA1F2;
+    color: #FFFFFF;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background 0.3s, transform 0.3s;
+    margin-top: 10px;
+}
+
+button:hover {
+    background: #0A95DD;
+    transform: scale(1.1);
+}
+
+button:active {
+    transform: scale(0.9);
+}
+
+.output {
+    margin-top: 20px;
+    text-align: left;
+}
+
+#summaryText {
+    background: #E8F5FD;
+    padding: 15px;
+    border-radius: 10px;
+    animation: slideIn 0.5s ease-out;
+    transition: background 0.3s;
+    color: #14171A;
+    border: 1px solid #1DA1F2;
+}
+
+#summaryText:hover {
+    background: #DDEAF7;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; transform: translateY(-20px); }
+    to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes slideIn {
+    from { opacity: 0; transform: translateX(-20px); }
+    to { opacity: 1; transform: translateX(0); }
+}
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/README.md b/projects/vanilla-js/intermediate/Text-to-Image-Generator/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/README.md
rename to projects/vanilla-js/intermediate/Text-to-Image-Generator/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/index.html b/projects/vanilla-js/intermediate/Text-to-Image-Generator/index.html
similarity index 97%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/index.html
rename to projects/vanilla-js/intermediate/Text-to-Image-Generator/index.html
index 73e23c5f..f31605c9 100644
--- a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/index.html
+++ b/projects/vanilla-js/intermediate/Text-to-Image-Generator/index.html
@@ -1,39 +1,39 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="google-adsense-account" content="ca-pub-7654240481590326">
-  <link rel="stylesheet" href="styles.css">
-  <title> Text to Image Generator </title>
-</head>
-
-<body>
-  <div id="particles-js"></div>
-   <div class="container">
-    <h1>AI Image Generator</h1><br>
-    <p>Write your prompt here to generate top-notch, stunningly detailed, high-definition images with the power of AI.</p> 
-    <p>Example prompt: "Supreme Quality, Masterwork, Highly Intricate, High Resolution, 4K, Ultra HD, Detailed Shadows, Vivid Colors, Blended Fujifilm, Adorable, Joyful"</p>
-    <form class="gen-form">
-      <input type="text" id="user-prompt" , placeholder="Type your prompt here..." autocomplete="off">
-      <button type="button" id="generate">Generate</button>
-    </form>
-
-    <div class="result">
-      <div id="loading">Generating...</div>
-      <div id="image-grid"></div>
-    </div>
-   </div>
-
-  <script src="script.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
-  <script>
-    particlesJS.load('particles-js', 'particlesjs-config.json', function() {
-        console.log('callback - particles.js config loaded');
-    });
-  </script>
-
-</body>
-
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="google-adsense-account" content="ca-pub-7654240481590326">
+  <link rel="stylesheet" href="styles.css">
+  <title> Text to Image Generator </title>
+</head>
+
+<body>
+  <div id="particles-js"></div>
+   <div class="container">
+    <h1>AI Image Generator</h1><br>
+    <p>Write your prompt here to generate top-notch, stunningly detailed, high-definition images with the power of AI.</p> 
+    <p>Example prompt: "Supreme Quality, Masterwork, Highly Intricate, High Resolution, 4K, Ultra HD, Detailed Shadows, Vivid Colors, Blended Fujifilm, Adorable, Joyful"</p>
+    <form class="gen-form">
+      <input type="text" id="user-prompt" , placeholder="Type your prompt here..." autocomplete="off">
+      <button type="button" id="generate">Generate</button>
+    </form>
+
+    <div class="result">
+      <div id="loading">Generating...</div>
+      <div id="image-grid"></div>
+    </div>
+   </div>
+
+  <script src="script.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/particles.js@2.0.0/particles.min.js"></script>
+  <script>
+    particlesJS.load('particles-js', 'particlesjs-config.json', function() {
+        console.log('callback - particles.js config loaded');
+    });
+  </script>
+
+</body>
+
 </html>
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/particlesjs-config.json b/projects/vanilla-js/intermediate/Text-to-Image-Generator/particlesjs-config.json
similarity index 94%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/particlesjs-config.json
rename to projects/vanilla-js/intermediate/Text-to-Image-Generator/particlesjs-config.json
index 6757a674..2966842b 100644
--- a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/particlesjs-config.json
+++ b/projects/vanilla-js/intermediate/Text-to-Image-Generator/particlesjs-config.json
@@ -1,105 +1,105 @@
-{
-  "particles": {
-    "number": {
-      "value": 99,
-      "density": {
-        "enable": true,
-        "value_area": 800
-      }
-    },
-    "color": {
-      "value": "#f9f9f9"
-    },
-    "shape": {
-      "type": "triangle",
-      "stroke": {
-        "width": 0,
-        "color": "#000000"
-      },
-      "polygon": {
-        "nb_sides": 12
-      }
-    },
-    "opacity": {
-      "value": 0.7,
-      "random": true,
-      "anim": {
-        "enable": false,
-        "speed": 1,
-        "opacity_min": 0.1,
-        "sync": false
-      }
-    },
-    "size": {
-      "value": 3,
-      "random": true,
-      "anim": {
-        "enable": false,
-        "speed": 40,
-        "size_min": 0.1,
-        "sync": false
-      }
-    },
-    "line_linked": {
-      "enable": true,
-      "distance": 150,
-      "color": "#ffffff",
-      "opacity": 0.8,
-      "width": 1
-    },
-    "move": {
-      "enable": true,
-      "speed": 6,
-      "direction": "none",
-      "random": false,
-      "straight": false,
-      "out_mode": "out",
-      "bounce": false,
-      "attract": {
-        "enable": false,
-        "rotateX": 600,
-        "rotateY": 1200
-      }
-    }
-  },
-  "interactivity": {
-    "detect_on": "window",
-    "events": {
-      "onhover": {
-        "enable": true,
-        "mode": "repulse"
-      },
-      "onclick": {
-        "enable": true,
-        "mode": "repulse"
-      },
-      "resize": true
-    },
-    "modes": {
-      "grab": {
-        "distance": 400,
-        "line_linked": {
-          "opacity": 1
-        }
-      },
-      "bubble": {
-        "distance": 400,
-        "size": 40,
-        "duration": 2,
-        "opacity": 8,
-        "speed": 3
-      },
-      "repulse": {
-        "distance": 200,
-        "duration": 0.4
-      },
-      "push": {
-        "particles_nb": 4
-      },
-      "remove": {
-        "particles_nb": 2
-      }
-    }
-  },
-  "retina_detect": true
+{
+  "particles": {
+    "number": {
+      "value": 99,
+      "density": {
+        "enable": true,
+        "value_area": 800
+      }
+    },
+    "color": {
+      "value": "#f9f9f9"
+    },
+    "shape": {
+      "type": "triangle",
+      "stroke": {
+        "width": 0,
+        "color": "#000000"
+      },
+      "polygon": {
+        "nb_sides": 12
+      }
+    },
+    "opacity": {
+      "value": 0.7,
+      "random": true,
+      "anim": {
+        "enable": false,
+        "speed": 1,
+        "opacity_min": 0.1,
+        "sync": false
+      }
+    },
+    "size": {
+      "value": 3,
+      "random": true,
+      "anim": {
+        "enable": false,
+        "speed": 40,
+        "size_min": 0.1,
+        "sync": false
+      }
+    },
+    "line_linked": {
+      "enable": true,
+      "distance": 150,
+      "color": "#ffffff",
+      "opacity": 0.8,
+      "width": 1
+    },
+    "move": {
+      "enable": true,
+      "speed": 6,
+      "direction": "none",
+      "random": false,
+      "straight": false,
+      "out_mode": "out",
+      "bounce": false,
+      "attract": {
+        "enable": false,
+        "rotateX": 600,
+        "rotateY": 1200
+      }
+    }
+  },
+  "interactivity": {
+    "detect_on": "window",
+    "events": {
+      "onhover": {
+        "enable": true,
+        "mode": "repulse"
+      },
+      "onclick": {
+        "enable": true,
+        "mode": "repulse"
+      },
+      "resize": true
+    },
+    "modes": {
+      "grab": {
+        "distance": 400,
+        "line_linked": {
+          "opacity": 1
+        }
+      },
+      "bubble": {
+        "distance": 400,
+        "size": 40,
+        "duration": 2,
+        "opacity": 8,
+        "speed": 3
+      },
+      "repulse": {
+        "distance": 200,
+        "duration": 0.4
+      },
+      "push": {
+        "particles_nb": 4
+      },
+      "remove": {
+        "particles_nb": 2
+      }
+    }
+  },
+  "retina_detect": true
 }
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/screenshot.webp b/projects/vanilla-js/intermediate/Text-to-Image-Generator/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/screenshot.webp
rename to projects/vanilla-js/intermediate/Text-to-Image-Generator/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/script.js b/projects/vanilla-js/intermediate/Text-to-Image-Generator/script.js
similarity index 96%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/script.js
rename to projects/vanilla-js/intermediate/Text-to-Image-Generator/script.js
index 6d52fc06..e7fb75ef 100644
--- a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/script.js
+++ b/projects/vanilla-js/intermediate/Text-to-Image-Generator/script.js
@@ -1,87 +1,87 @@
-const apiKey = "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";
-
-const maxImages = 4; // Number of images to generate for each prompt
-let selectedImageNumber = null;
-
-// Function to generate a random number between min and max (inclusive)
-function getRandomNumber(min, max) {
-  return Math.floor(Math.random() * (max - min + 1)) + min;
-}
-
-// Function to disable the generate button during processing
-function disableGenerateButton() {
-  document.getElementById("generate").disabled = true;
-}
-
-// Function to enable the generate button after process
-function enableGenerateButton() {
-  document.getElementById("generate").disabled = false;
-}
-
-// Function to clear image grid
-function clearImageGrid() {
-  const imageGrid = document.getElementById("image-grid");
-  imageGrid.innerHTML = "";
-}
-
-// Function to generate images
-async function generateImages(input) {
-  disableGenerateButton();
-  clearImageGrid();
-
-  const loading = document.getElementById("loading");
-  loading.style.display = "block";
-
-  const imageUrls = [];
-
-  for (let i = 0; i < maxImages; i++) {
-    // Generate a random number between 1 and 10000 and append it to the prompt
-    const randomNumber = getRandomNumber(1, 10000);
-    const prompt = `${input} ${randomNumber}`;
-    // We added random number to prompt to create different results
-    const response = await fetch(
-      "https://api-inference.huggingface.co/models/prompthero/openjourney",
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          "Authorization": `Bearer ${apiKey}`,
-        },
-        body: JSON.stringify({ inputs: prompt }),
-      }
-    );
-
-
-    if (!response.ok) {
-      alert("Failed to generate image!");
-    }
-
-    const blob = await response.blob();
-    const imgUrl = URL.createObjectURL(blob);
-    imageUrls.push(imgUrl);
-
-    const img = document.createElement("img");
-    img.src = imgUrl;
-    img.alt = `art-${i + 1}`;
-    img.onclick = () => downloadImage(imgUrl, i);
-    document.getElementById("image-grid").appendChild(img);
-  }
-
-  loading.style.display = "none";
-  enableGenerateButton();
-
-  selectedImageNumber = null; // Reset selected image number
-}
-
-document.getElementById("generate").addEventListener('click', () => {
-  const input = document.getElementById("user-prompt").value;
-  generateImages(input);
-});
-
-function downloadImage(imgUrl, imageNumber) {
-  const link = document.createElement("a");
-  link.href = imgUrl;
-  // Set filename based on the selected image
-  link.download = `image-${imageNumber + 1}.jpg`;
-  link.click();
-}
+const apiKey = "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";
+
+const maxImages = 4; // Number of images to generate for each prompt
+let selectedImageNumber = null;
+
+// Function to generate a random number between min and max (inclusive)
+function getRandomNumber(min, max) {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+}
+
+// Function to disable the generate button during processing
+function disableGenerateButton() {
+  document.getElementById("generate").disabled = true;
+}
+
+// Function to enable the generate button after process
+function enableGenerateButton() {
+  document.getElementById("generate").disabled = false;
+}
+
+// Function to clear image grid
+function clearImageGrid() {
+  const imageGrid = document.getElementById("image-grid");
+  imageGrid.innerHTML = "";
+}
+
+// Function to generate images
+async function generateImages(input) {
+  disableGenerateButton();
+  clearImageGrid();
+
+  const loading = document.getElementById("loading");
+  loading.style.display = "block";
+
+  const imageUrls = [];
+
+  for (let i = 0; i < maxImages; i++) {
+    // Generate a random number between 1 and 10000 and append it to the prompt
+    const randomNumber = getRandomNumber(1, 10000);
+    const prompt = `${input} ${randomNumber}`;
+    // We added random number to prompt to create different results
+    const response = await fetch(
+      "https://api-inference.huggingface.co/models/prompthero/openjourney",
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json",
+          "Authorization": `Bearer ${apiKey}`,
+        },
+        body: JSON.stringify({ inputs: prompt }),
+      }
+    );
+
+
+    if (!response.ok) {
+      alert("Failed to generate image!");
+    }
+
+    const blob = await response.blob();
+    const imgUrl = URL.createObjectURL(blob);
+    imageUrls.push(imgUrl);
+
+    const img = document.createElement("img");
+    img.src = imgUrl;
+    img.alt = `art-${i + 1}`;
+    img.onclick = () => downloadImage(imgUrl, i);
+    document.getElementById("image-grid").appendChild(img);
+  }
+
+  loading.style.display = "none";
+  enableGenerateButton();
+
+  selectedImageNumber = null; // Reset selected image number
+}
+
+document.getElementById("generate").addEventListener('click', () => {
+  const input = document.getElementById("user-prompt").value;
+  generateImages(input);
+});
+
+function downloadImage(imgUrl, imageNumber) {
+  const link = document.createElement("a");
+  link.href = imgUrl;
+  // Set filename based on the selected image
+  link.download = `image-${imageNumber + 1}.jpg`;
+  link.click();
+}
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/styles.css b/projects/vanilla-js/intermediate/Text-to-Image-Generator/styles.css
similarity index 94%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/styles.css
rename to projects/vanilla-js/intermediate/Text-to-Image-Generator/styles.css
index 94eb4980..b5325db6 100644
--- a/Vanilla-JS-Projects/Intermediate/Text-to-Image-Generator/styles.css
+++ b/projects/vanilla-js/intermediate/Text-to-Image-Generator/styles.css
@@ -1,343 +1,343 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
-
-* {
-  font-family: "Poppins", sans-serif;
-}
-
-.image-generator {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
-  position: relative;
-}
-
-body {
-  background-image: linear-gradient(to right, #8e2de2, #4a00e0);
-}
-
-#particles-js{
-  position: absolute;
-  width: 100%;
-  height: 100%;
-}
-
-
-.container {
-  position: relative;
-  max-width: 40rem; 
-  width: 100%; 
-  margin: 0 auto; 
-  margin-top: 100px;
-  padding: 20px; 
-  color: #fff;
-  background: rgba(0, 0, 0, 0.44);
-  border-radius: 16px;
-  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-  backdrop-filter: blur(7.4px);
-  -webkit-backdrop-filter: blur(7.4px);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-h1 {
-  font-size: 28px;
-  font-weight: 600;
-  margin-bottom: 15px;
-  text-align: center;
-}
-
-p {
-  font-size: 14px;
-  color: #ccc;
-  line-height: 1.4rem;
-  text-align: justify;
-}
-
-.gen-form {
-  margin-top: 20px;
-  display: flex;
-  gap: 10px;
-  width: 100%;
-}
-
-input {
-  width: 80%;
-  border-radius: 5px;
-  outline: none;
-  border: none;
-  padding: 0 15px;
-  background-color: transparent;
-  color: #fff;
-  border: 1px solid #999;
-  transition: all 0.3s ease;
-}
-
-input:hover,
-input:focus {
-  border-color: #675afe;
-}
-
-button {
-  width: 20%;
-  height: 36px;
-  color: #fff;
-  border: 1px solid #ccc;
-  background: #20232c;
-  cursor: pointer;
-  border-radius: 5px;
-  font-size: 0.9rem;
-  transition: all 0.3s ease;
-}
-
-button:hover {
-  background: #675afe;
-  border-color: transparent;
-}
-
-#loading {
-  display: none;
-  font-size: 18px;
-  margin: 10px 0;
-}
-
-button:disabled,
-button[disabled] {
-  border: 1px solid #999;
-  background-color: #ccc;
-  color: #666;
-  cursor: auto;
-}
-
-.result {
-  margin-top: 10px;
-  width: 100%;
-  padding: 10px 0 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-
-#image-grid {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-  margin-bottom: 10px;
-  max-width: 80%;
-}
-
-#image-grid img {
-  max-width: 100%;
-  border-radius: 10px;
-  cursor: pointer;
-  border: 2px solid transparent;
-  transition: all 0.3s ease;
-}
-
-#image-grid img:hover {
-  border-color: #675afe;
-}
-
-.image-generator::before {
-  content: "";
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.5;
-  background: #121212;
-}
-
-.image-generator .content {
-  position: relative;
-  color: #fff;
-  padding: 0 15px;
-  max-width: 760px;
-  text-align: center;
-}
-
-.image-generator h1 {
-  font-size: 2.5rem;
-  font-weight: 700;
-}
-
-.image-generator p {
-  margin-top: 10px;
-  font-size: 1.35rem;
-}
-
-.image-generator .generate-form {
-  height: 56px;
-  padding: 6px;
-  display: flex;
-  margin-bottom: 15px;
-  background: #fff;
-  align-items: center;
-  border-radius: 30px;
-  margin-top: 45px;
-  justify-content: space-between;
-}
-
-.generate-form .prompt-input {
-  width: 100%;
-  height: 100%;
-  outline: none;
-  padding: 0 17px;
-  border: none;
-  background: none;
-  font-size: 1rem;
-  border-radius: 30px;
-}
-
-.generate-form .controls {
-  display: flex;
-  height: 100%;
-  gap: 15px;
-}
-
-.generate-form .img-quantity {
-  outline: none;
-  border: none;
-  height: 44px;
-  background: none;
-  font-size: 1rem;
-}
-
-.generate-form .generate-btn {
-  font-size: 1rem;
-  outline: none;
-  border: none;
-  font-weight: 500;
-  color: #fff;
-  cursor: pointer;
-  height: 100%;
-  padding: 0 25px;
-  border-radius: 30px;
-  background: #4949E7;
-}
-
-.generate-form .generate-btn[disabled] {
-  opacity: 0.6;
-  pointer-events: none;
-}
-
-.generate-form button:hover {
-  background: #1d1de2;
-}
-
-.image-gallery {
-  display: flex;
-  gap: 15px;
-  padding: 0 15px;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin: 50px auto;
-  max-width: 1250px;
-}
-
-.image-gallery .img-card {
-  display: flex;
-  position: relative;
-  align-items: center;
-  justify-content: center;
-  background: #f2f2f2;
-  border-radius: 4px;
-  overflow: hidden;
-  aspect-ratio: 1 / 1;
-  width: 285px;
-}
-
-.image-gallery .img-card img {
-  height: 100%;
-  width: 100%;
-  object-fit: cover;
-}
-
-.image-gallery .img-card.loading img {
-  width: 80px;
-  height: 80px;
-}
-
-.image-gallery .img-card .download-btn {
-  bottom: 15px;
-  right: 15px;
-  height: 36px;
-  width: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-decoration: none;
-  background: #fff;
-  border-radius: 50%;
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-  transition: 0.2s ease;
-}
-
-.image-gallery .img-card .download-btn img {
-  width: 14px;
-  height: 14px;
-}
-
-.image-gallery .img-card:not(.loading):hover .download-btn {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-@media screen and (max-width: 760px) {
-  .image-generator {
-    height: 45vh;
-    padding-top: 30px;
-    align-items: flex-start;
-  }
-
-  .image-generator h1 {
-    font-size: 1.8rem;
-  }
-
-  .image-generator p {
-    font-size: 1rem;
-  }
-
-  .image-generator .generate-form {
-    margin-top: 30px;
-    height: 52px;
-    display: block;
-  }
-
-  .generate-form .controls {
-    height: 40px;
-    margin-top: 15px;
-    justify-content: end;
-    align-items: center;
-  }
-
-  .generate-form .generate-btn[disabled] {
-    opacity: 1;
-  }
-
-  .generate-form .img-quantity {
-    color: #fff;
-  }
-
-  .generate-form .img-quantity option {
-    color: #000;
-  }
-
-  .image-gallery {
-    margin-top: 20px;
-  }
-
-  .image-gallery .img-card:not(.loading) .download-btn {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
-@media screen and (max-width: 500px) {
-  .image-gallery .img-card {
-    width: 100%;
-  }
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
+
+* {
+  font-family: "Poppins", sans-serif;
+}
+
+.image-generator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+  position: relative;
+}
+
+body {
+  background-image: linear-gradient(to right, #8e2de2, #4a00e0);
+}
+
+#particles-js{
+  position: absolute;
+  width: 100%;
+  height: 100%;
+}
+
+
+.container {
+  position: relative;
+  max-width: 40rem; 
+  width: 100%; 
+  margin: 0 auto; 
+  margin-top: 100px;
+  padding: 20px; 
+  color: #fff;
+  background: rgba(0, 0, 0, 0.44);
+  border-radius: 16px;
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(7.4px);
+  -webkit-backdrop-filter: blur(7.4px);
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+h1 {
+  font-size: 28px;
+  font-weight: 600;
+  margin-bottom: 15px;
+  text-align: center;
+}
+
+p {
+  font-size: 14px;
+  color: #ccc;
+  line-height: 1.4rem;
+  text-align: justify;
+}
+
+.gen-form {
+  margin-top: 20px;
+  display: flex;
+  gap: 10px;
+  width: 100%;
+}
+
+input {
+  width: 80%;
+  border-radius: 5px;
+  outline: none;
+  border: none;
+  padding: 0 15px;
+  background-color: transparent;
+  color: #fff;
+  border: 1px solid #999;
+  transition: all 0.3s ease;
+}
+
+input:hover,
+input:focus {
+  border-color: #675afe;
+}
+
+button {
+  width: 20%;
+  height: 36px;
+  color: #fff;
+  border: 1px solid #ccc;
+  background: #20232c;
+  cursor: pointer;
+  border-radius: 5px;
+  font-size: 0.9rem;
+  transition: all 0.3s ease;
+}
+
+button:hover {
+  background: #675afe;
+  border-color: transparent;
+}
+
+#loading {
+  display: none;
+  font-size: 18px;
+  margin: 10px 0;
+}
+
+button:disabled,
+button[disabled] {
+  border: 1px solid #999;
+  background-color: #ccc;
+  color: #666;
+  cursor: auto;
+}
+
+.result {
+  margin-top: 10px;
+  width: 100%;
+  padding: 10px 0 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+
+#image-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+  margin-bottom: 10px;
+  max-width: 80%;
+}
+
+#image-grid img {
+  max-width: 100%;
+  border-radius: 10px;
+  cursor: pointer;
+  border: 2px solid transparent;
+  transition: all 0.3s ease;
+}
+
+#image-grid img:hover {
+  border-color: #675afe;
+}
+
+.image-generator::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  background: #121212;
+}
+
+.image-generator .content {
+  position: relative;
+  color: #fff;
+  padding: 0 15px;
+  max-width: 760px;
+  text-align: center;
+}
+
+.image-generator h1 {
+  font-size: 2.5rem;
+  font-weight: 700;
+}
+
+.image-generator p {
+  margin-top: 10px;
+  font-size: 1.35rem;
+}
+
+.image-generator .generate-form {
+  height: 56px;
+  padding: 6px;
+  display: flex;
+  margin-bottom: 15px;
+  background: #fff;
+  align-items: center;
+  border-radius: 30px;
+  margin-top: 45px;
+  justify-content: space-between;
+}
+
+.generate-form .prompt-input {
+  width: 100%;
+  height: 100%;
+  outline: none;
+  padding: 0 17px;
+  border: none;
+  background: none;
+  font-size: 1rem;
+  border-radius: 30px;
+}
+
+.generate-form .controls {
+  display: flex;
+  height: 100%;
+  gap: 15px;
+}
+
+.generate-form .img-quantity {
+  outline: none;
+  border: none;
+  height: 44px;
+  background: none;
+  font-size: 1rem;
+}
+
+.generate-form .generate-btn {
+  font-size: 1rem;
+  outline: none;
+  border: none;
+  font-weight: 500;
+  color: #fff;
+  cursor: pointer;
+  height: 100%;
+  padding: 0 25px;
+  border-radius: 30px;
+  background: #4949E7;
+}
+
+.generate-form .generate-btn[disabled] {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+.generate-form button:hover {
+  background: #1d1de2;
+}
+
+.image-gallery {
+  display: flex;
+  gap: 15px;
+  padding: 0 15px;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin: 50px auto;
+  max-width: 1250px;
+}
+
+.image-gallery .img-card {
+  display: flex;
+  position: relative;
+  align-items: center;
+  justify-content: center;
+  background: #f2f2f2;
+  border-radius: 4px;
+  overflow: hidden;
+  aspect-ratio: 1 / 1;
+  width: 285px;
+}
+
+.image-gallery .img-card img {
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+
+.image-gallery .img-card.loading img {
+  width: 80px;
+  height: 80px;
+}
+
+.image-gallery .img-card .download-btn {
+  bottom: 15px;
+  right: 15px;
+  height: 36px;
+  width: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-decoration: none;
+  background: #fff;
+  border-radius: 50%;
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+  transition: 0.2s ease;
+}
+
+.image-gallery .img-card .download-btn img {
+  width: 14px;
+  height: 14px;
+}
+
+.image-gallery .img-card:not(.loading):hover .download-btn {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+@media screen and (max-width: 760px) {
+  .image-generator {
+    height: 45vh;
+    padding-top: 30px;
+    align-items: flex-start;
+  }
+
+  .image-generator h1 {
+    font-size: 1.8rem;
+  }
+
+  .image-generator p {
+    font-size: 1rem;
+  }
+
+  .image-generator .generate-form {
+    margin-top: 30px;
+    height: 52px;
+    display: block;
+  }
+
+  .generate-form .controls {
+    height: 40px;
+    margin-top: 15px;
+    justify-content: end;
+    align-items: center;
+  }
+
+  .generate-form .generate-btn[disabled] {
+    opacity: 1;
+  }
+
+  .generate-form .img-quantity {
+    color: #fff;
+  }
+
+  .generate-form .img-quantity option {
+    color: #000;
+  }
+
+  .image-gallery {
+    margin-top: 20px;
+  }
+
+  .image-gallery .img-card:not(.loading) .download-btn {
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+
+@media screen and (max-width: 500px) {
+  .image-gallery .img-card {
+    width: 100%;
+  }
 }
\ No newline at end of file
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Voice/download-removebg-preview.png b/projects/vanilla-js/intermediate/Text-to-Voice/download-removebg-preview.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Voice/download-removebg-preview.png
rename to projects/vanilla-js/intermediate/Text-to-Voice/download-removebg-preview.png
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Voice/index.html b/projects/vanilla-js/intermediate/Text-to-Voice/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Voice/index.html
rename to projects/vanilla-js/intermediate/Text-to-Voice/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Voice/readme.md b/projects/vanilla-js/intermediate/Text-to-Voice/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Voice/readme.md
rename to projects/vanilla-js/intermediate/Text-to-Voice/readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Voice/screenshot.webp b/projects/vanilla-js/intermediate/Text-to-Voice/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Voice/screenshot.webp
rename to projects/vanilla-js/intermediate/Text-to-Voice/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Voice/script.js b/projects/vanilla-js/intermediate/Text-to-Voice/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Voice/script.js
rename to projects/vanilla-js/intermediate/Text-to-Voice/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Voice/style.css b/projects/vanilla-js/intermediate/Text-to-Voice/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Voice/style.css
rename to projects/vanilla-js/intermediate/Text-to-Voice/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Text-to-Voice/white-arrow-dropdown-list-down-world-wide-web-arrow-triangle-paper-rectangle-white-icons-thumbnail-removebg-preview.png b/projects/vanilla-js/intermediate/Text-to-Voice/white-arrow-dropdown-list-down-world-wide-web-arrow-triangle-paper-rectangle-white-icons-thumbnail-removebg-preview.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Text-to-Voice/white-arrow-dropdown-list-down-world-wide-web-arrow-triangle-paper-rectangle-white-icons-thumbnail-removebg-preview.png
rename to projects/vanilla-js/intermediate/Text-to-Voice/white-arrow-dropdown-list-down-world-wide-web-arrow-triangle-paper-rectangle-white-icons-thumbnail-removebg-preview.png
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/README.md b/projects/vanilla-js/intermediate/Time-Capsule-Center/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/README.md
rename to projects/vanilla-js/intermediate/Time-Capsule-Center/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/index.html b/projects/vanilla-js/intermediate/Time-Capsule-Center/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/index.html
rename to projects/vanilla-js/intermediate/Time-Capsule-Center/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/screenshot.webp b/projects/vanilla-js/intermediate/Time-Capsule-Center/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/screenshot.webp
rename to projects/vanilla-js/intermediate/Time-Capsule-Center/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/script.js b/projects/vanilla-js/intermediate/Time-Capsule-Center/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/script.js
rename to projects/vanilla-js/intermediate/Time-Capsule-Center/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/style.css b/projects/vanilla-js/intermediate/Time-Capsule-Center/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Capsule-Center/style.css
rename to projects/vanilla-js/intermediate/Time-Capsule-Center/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Watcher/README.md b/projects/vanilla-js/intermediate/Time-Watcher/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Watcher/README.md
rename to projects/vanilla-js/intermediate/Time-Watcher/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Watcher/index.html b/projects/vanilla-js/intermediate/Time-Watcher/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Watcher/index.html
rename to projects/vanilla-js/intermediate/Time-Watcher/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Watcher/screenshot.webp b/projects/vanilla-js/intermediate/Time-Watcher/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Watcher/screenshot.webp
rename to projects/vanilla-js/intermediate/Time-Watcher/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Watcher/script.js b/projects/vanilla-js/intermediate/Time-Watcher/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Watcher/script.js
rename to projects/vanilla-js/intermediate/Time-Watcher/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Time-Watcher/style.css b/projects/vanilla-js/intermediate/Time-Watcher/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Time-Watcher/style.css
rename to projects/vanilla-js/intermediate/Time-Watcher/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Travel-Journal/README.md b/projects/vanilla-js/intermediate/Travel-Journal/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Travel-Journal/README.md
rename to projects/vanilla-js/intermediate/Travel-Journal/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Travel-Journal/assets/background.jpg b/projects/vanilla-js/intermediate/Travel-Journal/assets/background.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Travel-Journal/assets/background.jpg
rename to projects/vanilla-js/intermediate/Travel-Journal/assets/background.jpg
diff --git a/Vanilla-JS-Projects/Intermediate/Travel-Journal/index.html b/projects/vanilla-js/intermediate/Travel-Journal/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Travel-Journal/index.html
rename to projects/vanilla-js/intermediate/Travel-Journal/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Travel-Journal/screenshot.webp b/projects/vanilla-js/intermediate/Travel-Journal/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Travel-Journal/screenshot.webp
rename to projects/vanilla-js/intermediate/Travel-Journal/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Travel-Journal/script.js b/projects/vanilla-js/intermediate/Travel-Journal/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Travel-Journal/script.js
rename to projects/vanilla-js/intermediate/Travel-Journal/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Travel-Journal/style.css b/projects/vanilla-js/intermediate/Travel-Journal/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Travel-Journal/style.css
rename to projects/vanilla-js/intermediate/Travel-Journal/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/README.md b/projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/README.md
rename to projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/index.html b/projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/index.html
rename to projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/screenshot.webp b/projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/screenshot.webp
rename to projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/script.js b/projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/script.js
rename to projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/style.css b/projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Valid-Parenthesis-Checker/style.css
rename to projects/vanilla-js/intermediate/Valid-Parenthesis-Checker/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/Images/404.png b/projects/vanilla-js/intermediate/Weather-App/Images/404.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/Images/404.png
rename to projects/vanilla-js/intermediate/Weather-App/Images/404.png
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/Images/clear.png b/projects/vanilla-js/intermediate/Weather-App/Images/clear.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/Images/clear.png
rename to projects/vanilla-js/intermediate/Weather-App/Images/clear.png
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/Images/cloud.png b/projects/vanilla-js/intermediate/Weather-App/Images/cloud.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/Images/cloud.png
rename to projects/vanilla-js/intermediate/Weather-App/Images/cloud.png
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/Images/mist.png b/projects/vanilla-js/intermediate/Weather-App/Images/mist.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/Images/mist.png
rename to projects/vanilla-js/intermediate/Weather-App/Images/mist.png
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/Images/rain.png b/projects/vanilla-js/intermediate/Weather-App/Images/rain.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/Images/rain.png
rename to projects/vanilla-js/intermediate/Weather-App/Images/rain.png
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/Images/snow.png b/projects/vanilla-js/intermediate/Weather-App/Images/snow.png
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/Images/snow.png
rename to projects/vanilla-js/intermediate/Weather-App/Images/snow.png
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/app.js b/projects/vanilla-js/intermediate/Weather-App/app.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/app.js
rename to projects/vanilla-js/intermediate/Weather-App/app.js
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/index.html b/projects/vanilla-js/intermediate/Weather-App/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/index.html
rename to projects/vanilla-js/intermediate/Weather-App/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/readme.md b/projects/vanilla-js/intermediate/Weather-App/readme.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/readme.md
rename to projects/vanilla-js/intermediate/Weather-App/readme.md
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/screenshot.webp b/projects/vanilla-js/intermediate/Weather-App/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/screenshot.webp
rename to projects/vanilla-js/intermediate/Weather-App/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Weather-App/style.css b/projects/vanilla-js/intermediate/Weather-App/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Weather-App/style.css
rename to projects/vanilla-js/intermediate/Weather-App/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Wheel-Selector/README.md b/projects/vanilla-js/intermediate/Wheel-Selector/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Wheel-Selector/README.md
rename to projects/vanilla-js/intermediate/Wheel-Selector/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Wheel-Selector/index.html b/projects/vanilla-js/intermediate/Wheel-Selector/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Wheel-Selector/index.html
rename to projects/vanilla-js/intermediate/Wheel-Selector/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Wheel-Selector/screenshot.webp b/projects/vanilla-js/intermediate/Wheel-Selector/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Wheel-Selector/screenshot.webp
rename to projects/vanilla-js/intermediate/Wheel-Selector/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Wheel-Selector/script.js b/projects/vanilla-js/intermediate/Wheel-Selector/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Wheel-Selector/script.js
rename to projects/vanilla-js/intermediate/Wheel-Selector/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Wheel-Selector/style.css b/projects/vanilla-js/intermediate/Wheel-Selector/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Wheel-Selector/style.css
rename to projects/vanilla-js/intermediate/Wheel-Selector/style.css
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/README.md b/projects/vanilla-js/intermediate/Zomato-Clone/README.md
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/README.md
rename to projects/vanilla-js/intermediate/Zomato-Clone/README.md
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/images/cake-1971552_1280.jpg b/projects/vanilla-js/intermediate/Zomato-Clone/images/cake-1971552_1280.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/images/cake-1971552_1280.jpg
rename to projects/vanilla-js/intermediate/Zomato-Clone/images/cake-1971552_1280.jpg
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/images/pizza-3010062_1280.jpg b/projects/vanilla-js/intermediate/Zomato-Clone/images/pizza-3010062_1280.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/images/pizza-3010062_1280.jpg
rename to projects/vanilla-js/intermediate/Zomato-Clone/images/pizza-3010062_1280.jpg
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/images/strawberry-dessert-2191973_1280.jpg b/projects/vanilla-js/intermediate/Zomato-Clone/images/strawberry-dessert-2191973_1280.jpg
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/images/strawberry-dessert-2191973_1280.jpg
rename to projects/vanilla-js/intermediate/Zomato-Clone/images/strawberry-dessert-2191973_1280.jpg
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/index.html b/projects/vanilla-js/intermediate/Zomato-Clone/index.html
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/index.html
rename to projects/vanilla-js/intermediate/Zomato-Clone/index.html
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/screenshot.webp b/projects/vanilla-js/intermediate/Zomato-Clone/screenshot.webp
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/screenshot.webp
rename to projects/vanilla-js/intermediate/Zomato-Clone/screenshot.webp
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/script.js b/projects/vanilla-js/intermediate/Zomato-Clone/script.js
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/script.js
rename to projects/vanilla-js/intermediate/Zomato-Clone/script.js
diff --git a/Vanilla-JS-Projects/Intermediate/Zomato-Clone/style.css b/projects/vanilla-js/intermediate/Zomato-Clone/style.css
similarity index 100%
rename from Vanilla-JS-Projects/Intermediate/Zomato-Clone/style.css
rename to projects/vanilla-js/intermediate/Zomato-Clone/style.css
diff --git a/Vue-JS-Projects/README.md b/projects/vue-js/README.md
similarity index 100%
rename from Vue-JS-Projects/README.md
rename to projects/vue-js/README.md
diff --git a/Vue-JS-Projects/Basic/Markdown-Previewer/Readme.md b/projects/vue-js/basic/Markdown-Previewer/Readme.md
similarity index 100%
rename from Vue-JS-Projects/Basic/Markdown-Previewer/Readme.md
rename to projects/vue-js/basic/Markdown-Previewer/Readme.md
diff --git a/Vue-JS-Projects/Basic/Markdown-Previewer/index.html b/projects/vue-js/basic/Markdown-Previewer/index.html
similarity index 100%
rename from Vue-JS-Projects/Basic/Markdown-Previewer/index.html
rename to projects/vue-js/basic/Markdown-Previewer/index.html
diff --git a/Vue-JS-Projects/Basic/Markdown-Previewer/screenshot.webp b/projects/vue-js/basic/Markdown-Previewer/screenshot.webp
similarity index 100%
rename from Vue-JS-Projects/Basic/Markdown-Previewer/screenshot.webp
rename to projects/vue-js/basic/Markdown-Previewer/screenshot.webp
diff --git a/Vue-JS-Projects/Basic/Markdown-Previewer/styles.css b/projects/vue-js/basic/Markdown-Previewer/styles.css
similarity index 100%
rename from Vue-JS-Projects/Basic/Markdown-Previewer/styles.css
rename to projects/vue-js/basic/Markdown-Previewer/styles.css
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/README.md b/projects/vue-js/basic/Quote-Generator/README.md
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/README.md
rename to projects/vue-js/basic/Quote-Generator/README.md
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/image/pen-fancy-solid.svg b/projects/vue-js/basic/Quote-Generator/image/pen-fancy-solid.svg
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/image/pen-fancy-solid.svg
rename to projects/vue-js/basic/Quote-Generator/image/pen-fancy-solid.svg
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/image/pointer.png b/projects/vue-js/basic/Quote-Generator/image/pointer.png
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/image/pointer.png
rename to projects/vue-js/basic/Quote-Generator/image/pointer.png
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/image/quote-machine.png b/projects/vue-js/basic/Quote-Generator/image/quote-machine.png
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/image/quote-machine.png
rename to projects/vue-js/basic/Quote-Generator/image/quote-machine.png
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/image/quote_paper.png b/projects/vue-js/basic/Quote-Generator/image/quote_paper.png
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/image/quote_paper.png
rename to projects/vue-js/basic/Quote-Generator/image/quote_paper.png
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/image/sad.png b/projects/vue-js/basic/Quote-Generator/image/sad.png
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/image/sad.png
rename to projects/vue-js/basic/Quote-Generator/image/sad.png
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/image/screenshot.png b/projects/vue-js/basic/Quote-Generator/image/screenshot.png
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/image/screenshot.png
rename to projects/vue-js/basic/Quote-Generator/image/screenshot.png
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/image/wave.svg b/projects/vue-js/basic/Quote-Generator/image/wave.svg
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/image/wave.svg
rename to projects/vue-js/basic/Quote-Generator/image/wave.svg
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/index.html b/projects/vue-js/basic/Quote-Generator/index.html
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/index.html
rename to projects/vue-js/basic/Quote-Generator/index.html
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/screenshot.webp b/projects/vue-js/basic/Quote-Generator/screenshot.webp
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/screenshot.webp
rename to projects/vue-js/basic/Quote-Generator/screenshot.webp
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/script/main.js b/projects/vue-js/basic/Quote-Generator/script/main.js
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/script/main.js
rename to projects/vue-js/basic/Quote-Generator/script/main.js
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/script/quotes.js b/projects/vue-js/basic/Quote-Generator/script/quotes.js
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/script/quotes.js
rename to projects/vue-js/basic/Quote-Generator/script/quotes.js
diff --git a/Vue-JS-Projects/Basic/Quote-Generator/style/main.css b/projects/vue-js/basic/Quote-Generator/style/main.css
similarity index 100%
rename from Vue-JS-Projects/Basic/Quote-Generator/style/main.css
rename to projects/vue-js/basic/Quote-Generator/style/main.css
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/README.md b/projects/vue-js/intermediate/Expense-Tracker/README.md
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/README.md
rename to projects/vue-js/intermediate/Expense-Tracker/README.md
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/index.html b/projects/vue-js/intermediate/Expense-Tracker/index.html
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/index.html
rename to projects/vue-js/intermediate/Expense-Tracker/index.html
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/package.json b/projects/vue-js/intermediate/Expense-Tracker/package.json
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/package.json
rename to projects/vue-js/intermediate/Expense-Tracker/package.json
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/public/favicon.ico b/projects/vue-js/intermediate/Expense-Tracker/public/favicon.ico
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/public/favicon.ico
rename to projects/vue-js/intermediate/Expense-Tracker/public/favicon.ico
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/public/screen.png b/projects/vue-js/intermediate/Expense-Tracker/public/screen.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/public/screen.png
rename to projects/vue-js/intermediate/Expense-Tracker/public/screen.png
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/screenshot.webp b/projects/vue-js/intermediate/Expense-Tracker/screenshot.webp
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/screenshot.webp
rename to projects/vue-js/intermediate/Expense-Tracker/screenshot.webp
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/App.vue b/projects/vue-js/intermediate/Expense-Tracker/src/App.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/App.vue
rename to projects/vue-js/intermediate/Expense-Tracker/src/App.vue
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/assets/style.css b/projects/vue-js/intermediate/Expense-Tracker/src/assets/style.css
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/assets/style.css
rename to projects/vue-js/intermediate/Expense-Tracker/src/assets/style.css
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/AddTransaction.vue b/projects/vue-js/intermediate/Expense-Tracker/src/components/AddTransaction.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/AddTransaction.vue
rename to projects/vue-js/intermediate/Expense-Tracker/src/components/AddTransaction.vue
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/Balance.vue b/projects/vue-js/intermediate/Expense-Tracker/src/components/Balance.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/Balance.vue
rename to projects/vue-js/intermediate/Expense-Tracker/src/components/Balance.vue
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/Header.vue b/projects/vue-js/intermediate/Expense-Tracker/src/components/Header.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/Header.vue
rename to projects/vue-js/intermediate/Expense-Tracker/src/components/Header.vue
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/IncomeExpenses.vue b/projects/vue-js/intermediate/Expense-Tracker/src/components/IncomeExpenses.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/IncomeExpenses.vue
rename to projects/vue-js/intermediate/Expense-Tracker/src/components/IncomeExpenses.vue
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/TransactionList.vue b/projects/vue-js/intermediate/Expense-Tracker/src/components/TransactionList.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/components/TransactionList.vue
rename to projects/vue-js/intermediate/Expense-Tracker/src/components/TransactionList.vue
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/src/main.js b/projects/vue-js/intermediate/Expense-Tracker/src/main.js
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/src/main.js
rename to projects/vue-js/intermediate/Expense-Tracker/src/main.js
diff --git a/Vue-JS-Projects/Intermediate/Expense-Tracker/vite.config.js b/projects/vue-js/intermediate/Expense-Tracker/vite.config.js
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Expense-Tracker/vite.config.js
rename to projects/vue-js/intermediate/Expense-Tracker/vite.config.js
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/.browserslistrc b/projects/vue-js/intermediate/Google-Keep/.browserslistrc
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/.browserslistrc
rename to projects/vue-js/intermediate/Google-Keep/.browserslistrc
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/.env.local.example b/projects/vue-js/intermediate/Google-Keep/.env.local.example
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/.env.local.example
rename to projects/vue-js/intermediate/Google-Keep/.env.local.example
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/.eslintrc.js b/projects/vue-js/intermediate/Google-Keep/.eslintrc.js
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/.eslintrc.js
rename to projects/vue-js/intermediate/Google-Keep/.eslintrc.js
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/README.md b/projects/vue-js/intermediate/Google-Keep/README.md
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/README.md
rename to projects/vue-js/intermediate/Google-Keep/README.md
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/babel.config.js b/projects/vue-js/intermediate/Google-Keep/babel.config.js
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/babel.config.js
rename to projects/vue-js/intermediate/Google-Keep/babel.config.js
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/package.json b/projects/vue-js/intermediate/Google-Keep/package.json
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/package.json
rename to projects/vue-js/intermediate/Google-Keep/package.json
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/favicon.ico b/projects/vue-js/intermediate/Google-Keep/public/favicon.ico
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/favicon.ico
rename to projects/vue-js/intermediate/Google-Keep/public/favicon.ico
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/apple-touch-icon-152x152.png b/projects/vue-js/intermediate/Google-Keep/public/img/icons/apple-touch-icon-152x152.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/apple-touch-icon-152x152.png
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/apple-touch-icon-152x152.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/apple-touch-icon-180x180.png b/projects/vue-js/intermediate/Google-Keep/public/img/icons/apple-touch-icon-180x180.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/apple-touch-icon-180x180.png
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/apple-touch-icon-180x180.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/apple-touch-icon.png b/projects/vue-js/intermediate/Google-Keep/public/img/icons/apple-touch-icon.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/apple-touch-icon.png
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/apple-touch-icon.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/favicon-16x16.png b/projects/vue-js/intermediate/Google-Keep/public/img/icons/favicon-16x16.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/favicon-16x16.png
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/favicon-16x16.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/favicon-32x32.png b/projects/vue-js/intermediate/Google-Keep/public/img/icons/favicon-32x32.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/favicon-32x32.png
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/favicon-32x32.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/msapplication-icon-144x144.png b/projects/vue-js/intermediate/Google-Keep/public/img/icons/msapplication-icon-144x144.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/msapplication-icon-144x144.png
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/msapplication-icon-144x144.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/mstile-150x150.png b/projects/vue-js/intermediate/Google-Keep/public/img/icons/mstile-150x150.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/mstile-150x150.png
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/mstile-150x150.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/safari-pinned-tab.svg b/projects/vue-js/intermediate/Google-Keep/public/img/icons/safari-pinned-tab.svg
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/img/icons/safari-pinned-tab.svg
rename to projects/vue-js/intermediate/Google-Keep/public/img/icons/safari-pinned-tab.svg
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/index.html b/projects/vue-js/intermediate/Google-Keep/public/index.html
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/index.html
rename to projects/vue-js/intermediate/Google-Keep/public/index.html
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/public/robots.txt b/projects/vue-js/intermediate/Google-Keep/public/robots.txt
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/public/robots.txt
rename to projects/vue-js/intermediate/Google-Keep/public/robots.txt
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/screenshot.webp b/projects/vue-js/intermediate/Google-Keep/screenshot.webp
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/screenshot.webp
rename to projects/vue-js/intermediate/Google-Keep/screenshot.webp
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/App.vue b/projects/vue-js/intermediate/Google-Keep/src/App.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/App.vue
rename to projects/vue-js/intermediate/Google-Keep/src/App.vue
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/assets/logo.png b/projects/vue-js/intermediate/Google-Keep/src/assets/logo.png
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/assets/logo.png
rename to projects/vue-js/intermediate/Google-Keep/src/assets/logo.png
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/assets/logo.svg b/projects/vue-js/intermediate/Google-Keep/src/assets/logo.svg
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/assets/logo.svg
rename to projects/vue-js/intermediate/Google-Keep/src/assets/logo.svg
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/components/ColorPickerMenu.vue b/projects/vue-js/intermediate/Google-Keep/src/components/ColorPickerMenu.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/components/ColorPickerMenu.vue
rename to projects/vue-js/intermediate/Google-Keep/src/components/ColorPickerMenu.vue
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/components/Create.vue b/projects/vue-js/intermediate/Google-Keep/src/components/Create.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/components/Create.vue
rename to projects/vue-js/intermediate/Google-Keep/src/components/Create.vue
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/components/Note.vue b/projects/vue-js/intermediate/Google-Keep/src/components/Note.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/components/Note.vue
rename to projects/vue-js/intermediate/Google-Keep/src/components/Note.vue
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/components/NoteModal.vue b/projects/vue-js/intermediate/Google-Keep/src/components/NoteModal.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/components/NoteModal.vue
rename to projects/vue-js/intermediate/Google-Keep/src/components/NoteModal.vue
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/components/Notes.vue b/projects/vue-js/intermediate/Google-Keep/src/components/Notes.vue
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/components/Notes.vue
rename to projects/vue-js/intermediate/Google-Keep/src/components/Notes.vue
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/firebase/db.ts b/projects/vue-js/intermediate/Google-Keep/src/firebase/db.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/firebase/db.ts
rename to projects/vue-js/intermediate/Google-Keep/src/firebase/db.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/firebase/firebase.ts b/projects/vue-js/intermediate/Google-Keep/src/firebase/firebase.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/firebase/firebase.ts
rename to projects/vue-js/intermediate/Google-Keep/src/firebase/firebase.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/firebase/index.ts b/projects/vue-js/intermediate/Google-Keep/src/firebase/index.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/firebase/index.ts
rename to projects/vue-js/intermediate/Google-Keep/src/firebase/index.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/main.ts b/projects/vue-js/intermediate/Google-Keep/src/main.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/main.ts
rename to projects/vue-js/intermediate/Google-Keep/src/main.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/plugins/vuetify.ts b/projects/vue-js/intermediate/Google-Keep/src/plugins/vuetify.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/plugins/vuetify.ts
rename to projects/vue-js/intermediate/Google-Keep/src/plugins/vuetify.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/registerServiceWorker.ts b/projects/vue-js/intermediate/Google-Keep/src/registerServiceWorker.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/registerServiceWorker.ts
rename to projects/vue-js/intermediate/Google-Keep/src/registerServiceWorker.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/shims-tsx.d.ts b/projects/vue-js/intermediate/Google-Keep/src/shims-tsx.d.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/shims-tsx.d.ts
rename to projects/vue-js/intermediate/Google-Keep/src/shims-tsx.d.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/shims-vue.d.ts b/projects/vue-js/intermediate/Google-Keep/src/shims-vue.d.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/shims-vue.d.ts
rename to projects/vue-js/intermediate/Google-Keep/src/shims-vue.d.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/store/index.ts b/projects/vue-js/intermediate/Google-Keep/src/store/index.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/store/index.ts
rename to projects/vue-js/intermediate/Google-Keep/src/store/index.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/store/modules/global.ts b/projects/vue-js/intermediate/Google-Keep/src/store/modules/global.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/store/modules/global.ts
rename to projects/vue-js/intermediate/Google-Keep/src/store/modules/global.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/store/modules/notes.ts b/projects/vue-js/intermediate/Google-Keep/src/store/modules/notes.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/store/modules/notes.ts
rename to projects/vue-js/intermediate/Google-Keep/src/store/modules/notes.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/src/store/types.ts b/projects/vue-js/intermediate/Google-Keep/src/store/types.ts
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/src/store/types.ts
rename to projects/vue-js/intermediate/Google-Keep/src/store/types.ts
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/tsconfig.json b/projects/vue-js/intermediate/Google-Keep/tsconfig.json
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/tsconfig.json
rename to projects/vue-js/intermediate/Google-Keep/tsconfig.json
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/vue.config.js b/projects/vue-js/intermediate/Google-Keep/vue.config.js
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/vue.config.js
rename to projects/vue-js/intermediate/Google-Keep/vue.config.js
diff --git a/Vue-JS-Projects/Intermediate/Google-Keep/yarn.lock b/projects/vue-js/intermediate/Google-Keep/yarn.lock
similarity index 100%
rename from Vue-JS-Projects/Intermediate/Google-Keep/yarn.lock
rename to projects/vue-js/intermediate/Google-Keep/yarn.lock
diff --git a/renameProjects.js b/renameProjects.js
deleted file mode 100644
index d34f8380..00000000
--- a/renameProjects.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-
-const baseDir = './'; // Adjust this to your base directory
-
-const toValidProjectName = (name) => {
-    return name
-        .toLowerCase()
-        .replace(/[^a-z0-9._-]/g, '-')
-        .replace(/-{2,}/g, '-')
-        .replace(/^-+|-+$/g, '');
-};
-
-const renameDirectories = (dir) => {
-    fs.readdir(dir, (err, files) => {
-        if (err) throw err;
-
-        files.forEach((file) => {
-            const currentPath = path.join(dir, file);
-            const newName = toValidProjectName(file);
-            const newPath = path.join(dir, newName);
-
-            if (fs.statSync(currentPath).isDirectory()) {
-                if (newPath !== currentPath) {
-                    fs.rename(currentPath, newPath, (err) => {
-                        if (err) throw err;
-                        console.log(`Renamed: ${currentPath} to ${newPath}`);
-                    });
-                }
-                // Recursively rename inside subdirectories
-                renameDirectories(newPath);
-            }
-        });
-    });
-};
-
-// Start renaming from the base directory
-renameDirectories(baseDir);