added new content

Learn.md

@@ -3,11 +3,13 @@ Visit our website [CodeHarbourHub](https://www.codeharborhub.live/)
 
 ## Table of Contents
 
-- [Introduction](#introduction)
-- [Features](#features)
-- [Contributing Guidelines](#contributing-guidelines)
-- [Code of Conduct](#code-of-conduct)
-- [Socials](#socials)
+- [CodeHarbourHub](#codeharbourhub)
+  - [Table of Contents](#table-of-contents)
+  - [Introduction](#introduction)
+  - [Features](#features)
+  - [Contributing Guidelines](#contributing-guidelines)
+  - [Code of Conduct](#code-of-conduct)
+  - [Socials](#socials)
 
 ## Introduction
 
@@ -16,16 +18,16 @@ We're the exclusive platform offering a comprehensive tech curriculum, taught by
 
 ## Features
 - **In-Depth Tutorials**: Dive into comprehensive tutorials covering a wide range of programming languages like C++, Java, Python, JavaScript and Typescript and frameworks like ReactJS along with Data Structures and Algorithms.
-![](/assets/Tutorials.png)
+<!-- ![](/assets/Tutorials.png) -->
 
 - **Courses for Mastery**: Enroll in structured courses designed to take your skills to the next level. They range from learning a particular language and implementing them hands-on as projects to enhance learning.
-![](/assets/Courses.png)
+<!-- ![](/assets/Courses.png) -->
 
 - **Inspiring Showcases**: Explore inspiring showcases of real-world projects and innovative web solutions.
-![](/assets/Showcase.png)
+<!-- ![](/assets/Showcase.png) -->
 
 - **Engaging Community**: Connect with a vibrant community of developers, share knowledge, and collaborate on projects.
-![](/assets/Community.png)
+<!-- ![](/assets/Community.png) -->
 
 ## Contributing Guidelines
 

community/Learn.md

@@ -0,0 +1,39 @@
+---
+id: learn
+title: Welcome to CodeHarbourHub
+sidebar_label: Learn
+sidebar_position: 6
+---
+
+Visit our website [CodeHarbourHub](https://codeharborhub.github.io/)
+
+## Introduction
+
+Welcome to "CodeHarbourHub" - Our mission at CodeHarbourHub to provide accessible and comprehensive educational resources to learners of all levels, from Beginners learners to Advanced professionals.
+We're the exclusive platform offering a comprehensive tech curriculum, taught by industry masters, completely free. Join our vibrant community, master in-demand skills, and launch your dream tech career.
+
+## Features
+- **In-Depth Tutorials**: Dive into comprehensive tutorials covering a wide range of programming languages like C++, Java, Python, JavaScript and Typescript and frameworks like ReactJS along with Data Structures and Algorithms.
+<!-- ![](/assets/Tutorials.png) -->
+
+- **Courses for Mastery**: Enroll in structured courses designed to take your skills to the next level. They range from learning a particular language and implementing them hands-on as projects to enhance learning.
+<!-- ![](/assets/Courses.png) -->
+
+- **Inspiring Showcases**: Explore inspiring showcases of real-world projects and innovative web solutions.
+<!-- ![](/assets/Showcase.png) -->
+
+- **Engaging Community**: Connect with a vibrant community of developers, share knowledge, and collaborate on projects.
+<!-- ![](/assets/Community.png) -->
+
+## Contributing Guidelines
+
+For the enthusiasts who want to contribute to CodeHarbourHub, please refer to our [Contributing Guildelines](https://github.com/CodeHarborHub/codeharborhub/blob/main/CONTRIBUTING.md)
+
+## Code of Conduct
+
+For all the enthusiastic contributers, please refer to the [Code of Conduct](https://github.com/CodeHarborHub/codeharborhub/blob/main/CODE_OF_CONDUCT.md)
+
+## Socials
+Stay updated with the latest news and announcements:
+- [LinkedIn](https://www.linkedin.com/groups/14232119/)
+- [Twitter](https://twitter.com/CodesWithAjay)

courses/index.md

@@ -24,9 +24,16 @@ Our courses are designed to help you learn new skills and advance your career. W
 
 Explore our courses to find the one that suits your interests and goals. Whether you are looking to learn a new programming language, build a web application, analyze data, or improve your project management skills, we have a course for you. Start your learning journey today!
 
-import courses from '@site/src/data/courses';
+<!-- import courses from '@site/src/data/courses'; -->
 
-<Courses courses={courses} />
+<!-- <Courses courses={courses} /> -->
+
+<!-- ====== OR ============= -->
+
+<!-- 
+import courses from '@site/src/database/courses';
+
+<Courses courses={courses} /> -->
 
 To get started, select a course from the list above or explore our recommended courses below. If you have any questions or need help, feel free to reach out to us.
 

docs/web-socket/Introduction.md

@@ -10,6 +10,7 @@ description: WebSocket is a communication protocol that provides full-duplex com
 WebSocket is a communication protocol that provides full-duplex communication channels over a single TCP connection. It is designed to be a more efficient and real-time alternative to traditional HTTP polling mechanisms for web applications.
 
 ### Introduction:
+
 In WebSocket, web applications typically used HTTP for communication between the client (browser) and the server. HTTP, however, is a request-response protocol, which means the client sends a request to the server and the server responds with the requested data. This model is not suitable for scenarios where real-time, bidirectional communication is required because:
 
 1. **Polling:** Clients need to continuously poll the server for updates, which can be inefficient and result in latency.
@@ -19,6 +20,7 @@ In WebSocket, web applications typically used HTTP for communication between the
 WebSocket addresses these limitations by establishing a persistent connection between the client and the server, allowing both parties to initiate data exchange at any time, asynchronously. This connection is established through an initial handshake between the client and the server during which the protocol details are negotiated.
 
 ### Explanation:
+
 WebSocket operates on top of TCP and provides a full-duplex communication channel between a client (typically a web browser) and a server. Here's how it works:
 
 1. **Handshake:** The client and server establish a WebSocket connection through a handshake mechanism. The client sends an HTTP request with specific headers indicating its intent to upgrade to WebSocket. If the server supports WebSocket and agrees to the upgrade, it responds with an HTTP 101 status code (Switching Protocols) and WebSocket-specific headers.
@@ -32,6 +34,7 @@ WebSocket operates on top of TCP and provides a full-duplex communication channe
 5. **Compatibility:** WebSocket is supported by all modern web browsers and is widely used in web applications that require real-time communication.
 
 ### Use Cases:
+
 WebSocket is particularly useful in applications requiring real-time updates or interaction, such as:
 
 - **Chat applications:** Enables instant messaging and group chats.

src/css/custom.css

@@ -390,9 +390,9 @@ th {
   border-radius: 8px;
 }
 
-[data-theme="dark"] #__docusaurus_skipToContent_fallback {
+/* [data-theme="dark"] #__docusaurus_skipToContent_fallback {
   background: linear-gradient(rgba(15, 23, 42, 0.796), rgba(15, 23, 42, 0.23));
-}
+} */
 [data-theme="dark"] .navbar {
   background: rgba(15, 23, 42, 0.862);
   border-bottom: 1px solid #4e8da0db;