Updated Collaboration Feature

KrishnaSaiChaitanya · May 22, 2024 · 1b6276a · 1b6276a
1 parent d71e9fe
commit 1b6276a
Show file tree

Hide file tree

Showing 8 changed files with 58 additions and 82 deletions.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -1,6 +1,6 @@
-# Contributing to Code Sync
+# Contributing to Code Connect
 
-We welcome contributions to the Code Sync project! Whether you're reporting a bug, suggesting a new feature, or fixing a typo, your input is valuable to us. Here are some guidelines to help you get started:
+We welcome contributions to the Code Connect project! Whether you're reporting a bug, suggesting a new feature, or fixing a typo, your input is valuable to us. Here are some guidelines to help you get started:
 
 Thank you for considering contributing to code sync! Follow the steps below to contribute:
 
@@ -10,7 +10,7 @@ Thank you for considering contributing to code sync! Follow the steps below to c
 
 2. **Clone the Repository:** Clone your forked repository to your local machine:
    ```bash
-   git clone https://github.com/<your_username>/Code-Sync.git
+   git clone https://github.com/<your_username>/Code-Connect.git
    ```
 
 ## Making Changes
@@ -38,7 +38,7 @@ Thank you for considering contributing to code sync! Follow the steps below to c
 
 ## Reporting Bugs
 
-If you find a bug while using Code Sync, please report it by opening an issue on Github. Please include the following information:
+If you find a bug while using Code Connect, please report it by opening an issue on Github. Please include the following information:
 
 * Description of the bug
 * Steps to reproduce the bug
@@ -56,7 +56,7 @@ If you notice a spelling mistake or grammatical error in the project's documenta
 
 ## Thank You!
 
-Thank you for contributing to Code Sync! Your efforts make a difference.
+Thank you for contributing to Code Connect! Your efforts make a difference.
 If you have questions or need assistance, contact the project maintainers.
 
 Happy contributing!
diff --git a/README.md b/README.md
@@ -1,15 +1,15 @@
-# Code Sync - A Realtime Code Editor
+# Code Connect - A Realtime Code Editor
 
 ![Preview Image](./preview.png)
 
-Code Sync is a collaborative, real-time code editor where users can seamlessly code together. It provides a platform for multiple users to enter a room, share a unique room ID, and collaborate on code simultaneously.
+Code Connect is a collaborative, real-time code editor where users can seamlessly code together. It provides a platform for multiple users to enter a room, share a unique room ID, and collaborate on code simultaneously.
 
-![GitHub contributors](https://img.shields.io/github/contributors/sahilatahar/Code-Sync?style=for-the-badge&color=48bf21)
-![GitHub Repo stars](https://img.shields.io/github/stars/sahilatahar/Code-Sync?style=for-the-badge)
-![GitHub issues](https://img.shields.io/github/issues/sahilatahar/Code-Sync?style=for-the-badge&color=d7af2d)
-![GitHub pull requests](https://img.shields.io/github/issues-pr/sahilatahar/Code-Sync?style=for-the-badge&color=f47373)
-![GitHub License](https://img.shields.io/github/license/sahilatahar/Code-Sync?style=for-the-badge&color=e67234)
-![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fsahilatahar%2FCode-Sync&label=Repo%20Views&countColor=%2337d67a&labelStyle=upper)
+![GitHub contributors](https://img.shields.io/github/contributors/sahilatahar/Code-Connect?style=for-the-badge&color=48bf21)
+![GitHub Repo stars](https://img.shields.io/github/stars/sahilatahar/Code-Connect?style=for-the-badge)
+![GitHub issues](https://img.shields.io/github/issues/sahilatahar/Code-Connect?style=for-the-badge&color=d7af2d)
+![GitHub pull requests](https://img.shields.io/github/issues-pr/sahilatahar/Code-Connect?style=for-the-badge&color=f47373)
+![GitHub License](https://img.shields.io/github/license/sahilatahar/Code-Connect?style=for-the-badge&color=e67234)
+![Visitors](https://api.visitorbadge.io/api/visitors?path=https%3A%2F%2Fgithub.com%2Fsahilatahar%2FCode-Connect&label=Repo%20Views&countColor=%2337d67a&labelStyle=upper)
 
 ## 🔮 Features
 
@@ -171,7 +171,7 @@ README.md
 1. **Fork this repository:** Click the Fork button located in the top-right corner of this page to fork the repository.
 2. **Clone the repository:**
     ```bash
-    git clone https://github.com/<your-username>/Code-Sync.git
+    git clone https://github.com/<your-username>/Code-Connect.git
     ```
 3. **Set .env file:**
    Inside the client and server directory, create or edit the .env file and add the following line:  
@@ -216,7 +216,7 @@ README.md
 
 ## 🤝 Contribute
 
-We welcome contributions to make Code Sync even better! Whether you're reporting a bug, suggesting a new feature, or fixing a typo, your input is valuable to us. Follow the [contribution guidelines](CONTRIBUTING.md) to get started.
+We welcome contributions to make Code Connect even better! Whether you're reporting a bug, suggesting a new feature, or fixing a typo, your input is valuable to us. Follow the [contribution guidelines](CONTRIBUTING.md) to get started.
 
 ## 🌟 Support Us
 

diff --git a/client/index.html b/client/index.html
@@ -1,63 +1,39 @@
 <!doctype html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <title>Code Sync - A Realtime Code Editor</title>
-        <meta name="title" content="Code Sync - Realtime Code Collaboration" />
-        <meta
-            name="description"
-            content="Enjoy real-time collaboration on Code Sync with the unique code editor. Get features like syntax highlighting, auto-suggestions, seamless file editing, saving, and downloading. Communicate with ease through the integrated group chat. Try Code Sync today!"
-        />
-        <meta name="keywords" content="Code, Collaboration, Sync" />
 
-        <link
-            rel="apple-touch-icon"
-            sizes="180x180"
-            href="/favicon/apple-touch-icon.png"
-        />
-        <link
-            rel="icon"
-            type="image/png"
-            sizes="32x32"
-            href="/favicon/favicon-32x32.png"
-        />
-        <link
-            rel="icon"
-            type="image/png"
-            sizes="16x16"
-            href="/favicon/favicon-16x16.png"
-        />
-        <link rel="manifest" href="/favicon/site.webmanifest" />
-        <link
-            rel="mask-icon"
-            href="/favicon/safari-pinned-tab.svg"
-            color="#5bbad5"
-        />
-        <link rel="shortcut icon" href="/favicon/favicon.ico" />
-        <meta name="msapplication-TileColor" content="#da532c" />
-        <meta
-            name="msapplication-config"
-            content="/favicon/browserconfig.xml"
-        />
-        <meta name="theme-color" content="#ffffff" />
-        <!-- Font for UI -->
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap"
-            rel="stylesheet"
-        />
-        <!-- Fonts for Code Editor -->
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-        <link
-            href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&family=Cousine:wght@400;700&family=Fira+Code:wght@400;500;700&family=Inconsolata:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&family=Jura:wght@400;500;700&family=Roboto+Mono:wght@400;500;700&family=Source+Code+Pro:wght@400;500;700&family=Space+Mono:wght@400;700&family=Ubuntu+Mono:wght@400;700&display=swap"
-            rel="stylesheet"
-        />
-    </head>
-    <body class="bg-dark text-white">
-        <div id="root"></div>
-        <script type="module" src="/src/main.jsx"></script>
-    </body>
-</html>
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Code Connect - A Realtime Code Editor</title>
+    <meta name="title" content="Code Connect - Realtime Code Collaboration" />
+    <meta name="description"
+        content="Enjoy real-time collaboration on Code Connect with the unique code editor. Get features like syntax highlighting, auto-suggestions, seamless file editing, saving, and downloading. Communicate with ease through the integrated group chat. Try Code Connect today!" />
+    <meta name="keywords" content="Code, Collaboration, Connect" />
+
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
+    <link rel="manifest" href="/favicon/site.webmanifest" />
+    <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5" />
+    <link rel="shortcut icon" href="/favicon/favicon.ico" />
+    <meta name="msapplication-TileColor" content="#da532c" />
+    <meta name="msapplication-config" content="/favicon/browserconfig.xml" />
+    <meta name="theme-color" content="#ffffff" />
+    <!-- Font for UI -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:[email protected]&display=swap" rel="stylesheet" />
+    <!-- Fonts for Code Editor -->
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+        href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&family=Cousine:wght@400;700&family=Fira+Code:wght@400;500;700&family=Inconsolata:wght@400;500;700&family=JetBrains+Mono:wght@400;500;700&family=Jura:wght@400;500;700&family=Roboto+Mono:wght@400;500;700&family=Source+Code+Pro:wght@400;500;700&family=Space+Mono:wght@400;700&family=Ubuntu+Mono:wght@400;700&display=swap"
+        rel="stylesheet" />
+</head>
+
+<body class="bg-dark text-white">
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+</body>
+
+</html>
diff --git a/client/public/favicon/site.webmanifest b/client/public/favicon/site.webmanifest
@@ -1,6 +1,6 @@
 {
-    "name": "Code Sync",
-    "short_name": "Code Sync",
+    "name": "Code Connect",
+    "short_name": "Code Connect",
     "icons": [
         {
             "src": "android-chrome-192x192.png",

diff --git a/client/src/components/GitHubCorner.jsx b/client/src/components/GitHubCorner.jsx
@@ -7,7 +7,7 @@ function GitHubCorner() {
 
     return (
         <a
-            href="https://github.com/sahilatahar/Code-Sync"
+            href="https://github.com/sahilatahar/Code-Connect"
             className="github-corner"
             aria-label="View source on GitHub"
             target="_blank"

diff --git a/client/src/components/forms/FormComponent.jsx b/client/src/components/forms/FormComponent.jsx
@@ -87,9 +87,9 @@ function FormComponent() {
 
     return (
         <div className="flex w-full max-w-[500px] flex-col items-center justify-center gap-4 p-4 sm:w-[500px] sm:p-8">
-            <h1 className="text-4xl sm:text-5xl">Code Sync</h1>
+            <h1 className="text-4xl sm:text-5xl">Code Connect</h1>
             <p className="mb-4 text-center md:mb-8">
-                {"Code, Chat, Collaborate. It's All in Sync."}
+                {"Code, Chat, Collaborate. It's All in Connect."}
             </p>
             <form onSubmit={joinRoom} className="flex w-full flex-col gap-4">
                 <input

diff --git a/client/src/context/FileContext.jsx b/client/src/context/FileContext.jsx
@@ -114,7 +114,7 @@ function FileContextProvider({ children }) {
             zip.file(file.name, blobFile)
         })
         zip.generateAsync({ type: "blob" }).then(function (content) {
-            saveAs(content, "Code-Sync-Files.zip")
+            saveAs(content, "Code-Connect-Files.zip")
         })
     }
 

diff --git a/client/src/pages/HomePage.jsx b/client/src/pages/HomePage.jsx
@@ -9,7 +9,7 @@ function HomePage() {
                 <div className="flex w-full animate-up-down justify-center sm:w-1/2 sm:pl-4">
                     <img
                         src={illustration}
-                        alt="Code Sync Illustration"
+                        alt="Code Connect Illustration"
                         className="mx-auto w-[250px] sm:w-[400px]"
                     />
                 </div>