Merge branch 'main' into api

.github/labeler-config.yml

@@ -0,0 +1,80 @@
+filters:
+  - label: 'goal: new-feature'
+    regexs:
+      - /\bfeat\b/
+      - /feature/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'documentation'
+    regexs:
+      - /docs/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'bug'
+    regexs:
+      - /bug/i
+    events: [pull_request]
+    targets: [title]
+  - label: 'bug'
+    regexs:
+      - /fix/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'chore'
+    regexs:
+      - /category/i
+    events: [pull_request]
+    targets: [title]
+  - label: 'goal: new-category'
+    regexs:
+      - /category/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'chore'
+    regexs:
+      - /\blink\b/
+      - /link/i
+    events: [pull_request]
+    targets: [title]
+  - label: 'goal: new-link'
+    regexs:
+      - /\blink\b/
+      - /link/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'chore'
+    regexs:
+      - /description/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'chore'
+    regexs:
+      - /chore/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'goal: build'
+    regexs:
+      - /build/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'goal: refactor'
+    regexs:
+      - /\brefactor\b/
+      - /refactor/i
+    events: [pull_request]
+    targets: [title]
+
+  - label: 'accessibility'
+    regexs:
+      - /\baccessibility\b/
+      - /accessibility/i
+    events: [issues, pull_request] # default
+    targets: [title, comment] # default

.github/workflows/add-labels-pr.yml

@@ -0,0 +1,24 @@
+# reference: https://github.com/hoho4190/issue-pr-labeler
+name: PR Labeler
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - reopened
+
+jobs:
+  main:
+    runs-on: ubuntu-latest
+
+    permissions:
+      contents: read # to read configuration yml file
+      pull-requests: write # to add labels to pull requests
+
+    steps:
+      - name: Run PR Labeler
+        uses: hoho4190/issue-pr-labeler@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          config-file-name: labeler-config.yml
+        #   disable-bot: true  # this will prevent issues, PRs created by bots

README.md

@@ -2,21 +2,6 @@
 <img src="https://user-images.githubusercontent.com/78981177/232279811-a219b1b5-6383-4ace-9614-24c6b258fec0.png" alt="LinksHub Logo" />
 </article><hr>
 
-## Table of Contents
-
-- [Welcome to LinksHub 👋](#welcome-to-linkshub-)
-  - [Demo 💻](#demo-)
-  - [Tech stack 📚](#tech-stack-)
-  - [Socials 📱](#socials-)
-  - [Getting Started 👩‍💻](#getting-started-)
-    - [Let's jump right in🌟](#lets-jump-right-in)
-      - [_Want to add your favourite links to the Hub? make sure to follow CONTRIBUTING guidelines._](#want-to-add-your-favourite-links-to-the-hub-make-sure-to-follow-contributing-guidelines)
-      - [Want to add or update the descriptions of subcategories?](#want-to-add-or-update-the-descriptions-of-subcategories)
-  - [Building with Gitpod 💣](#building-with-gitpod-)
-  - [Top 50 Contributors ✨](#top-50-contributors-)
-  - [License 📝](#license-)
-  - [Support ⭐](#support-)
-
 <a name="welcome-to-linkshub"></a>
 
 # Welcome to LinksHub 👋
@@ -27,6 +12,21 @@ We recognize that there's a wealth of information available, but often, it's a m
 
 <a name="demo"></a>
 
+## Table of Contents
+
+- [Welcome to LinksHub 👋](#welcome-to-linkshub-)
+- [Demo 💻](#demo-)
+- [Tech stack 📚](#tech-stack-)
+- [Socials 📱](#socials-)
+- [Getting Started 👩‍💻](#getting-started-)
+  - [Let's jump right in🌟](#lets-jump-right-in)
+  - [_Want to add your favourite links to the Hub? make sure to follow CONTRIBUTING guidelines._](#want-to-add-your-favourite-links-to-the-hub-make-sure-to-follow-contributing-guidelines)
+  - [Want to add or update the descriptions of subcategories?](#want-to-add-or-update-the-descriptions-of-subcategories)
+- [Building with Gitpod 💣](#building-with-gitpod-)
+- [Top 50 Contributors ✨](#top-50-contributors-)
+- [License 📝](#license-)
+- [Support ⭐](#support-)
+
 ## Demo 💻
 
 You can see the live demo at: https://linkshub.vercel.app

components/ForkButton/GitHubForkButton.tsx

@@ -28,9 +28,7 @@ export const GitHubForkButton: FC<{ repo: string }> = ({ repo }) => {
       rel="noopener noreferrer"
       aria-label={`Fork ${repo} on GitHub`}
     >
-      <div
-        className="inline-flex items-center py-1 text-sm font-semibold bg-transparent text-theme-secondary rounded-sm transition-colors transition duration-300 ease-in-out hover:text-text-secondary transition duration-300 ease-in-out dark:hover:text-text-primary dark:text-theme-primary"
-      >
+      <div className="inline-flex items-center py-1 text-sm font-semibold bg-transparent text-theme-secondary rounded-sm hover:text-text-secondary transition duration-300 ease-in-out dark:hover:text-text-primary dark:text-theme-primary">
         <FaCodeBranch className="mr-1" />
         <span className="font-semibold">Fork</span>
         <span className="ml-2">{forkCount}</span>

components/Searchbar/Searchbar.tsx

@@ -67,10 +67,12 @@ export const Searchbar: React.FC<SearchbarProps> = ({ setSearch }) => {
   return (
     <form onSubmit={handleSubmit} noValidate>
       <div className="relative">
-        <div className="flex items-center">
+        <div className="flex items-center" aria-role="search">
+          <label htmlFor="simple-search" className="sr-only">Quickly search any resources</label>
           <input
             type="text"
             id="simple-search"
+            name="simple-search"
             className="block p-2.5 w-full bg-transparent text-sm text-dark dark:text-text-primary border border-dashed border-gray-text focus:border-theme-secondary dark:focus:border-theme-primary dark:focus:ring-theme-primary focus:ring-theme-secondary dark:placeholder-gray-text outline-none transition-all ease-in-out duration-300 rounded-lg capitalize"
             placeholder="Quick search..."
             value={searchQuery}
@@ -80,9 +82,9 @@ export const Searchbar: React.FC<SearchbarProps> = ({ setSearch }) => {
           />
           <button
             type="submit"
-            className="ml-2 px-4 py-2.5 bg-theme-secondary text-light-primary rounded-md border border-dashed border-transparent hover:border-theme-primary hover:bg-transparent hover:text-theme-primary dark:hover:text-theme-primary transition-colors transition duration-300 ease-in-out"
+            className="ml-2 px-4 py-2.5 bg-theme-secondary text-light-primary rounded-md border border-dashed border-transparent hover:border-theme-primary hover:bg-transparent hover:text-theme-primary dark:hover:text-theme-primary transition-colors duration-300 ease-in-out"
           >
-            <SearchIcon className="w-5 h-5" />
+            <SearchIcon className="w-5 h-5" aria-hidden="true" />
           </button>
         </div>
         {suggestions.length > 0 && (

components/StarButton/GitHubStarButton.tsx

@@ -28,7 +28,7 @@ export const GitHubStarButton: FC<{ repo: string }> = ({ repo }) => {
       rel="noopener noreferrer"
       aria-label={`Star ${repo} on GitHub`}
     >
-      <div className="inline-flex items-center py-1 text-sm font-semibold bg-transparent text-theme-secondary rounded-sm transition-colors transition duration-300 ease-in-out hover:text-text-secondary transition duration-300 ease-in-out dark:hover:text-text-primary dark:text-theme-primary">
+      <div className="inline-flex items-center py-1 text-sm font-semibold bg-transparent text-theme-secondary rounded-sm hover:text-text-secondary transition duration-300 ease-in-out dark:hover:text-text-primary dark:text-theme-primary">
         <FaRegStar className="mr-1" />
         <span>Star</span>
         <span className="ml-2">{starCount}</span>

components/TopBar/CategoryDescriptions.ts

@@ -3,6 +3,13 @@ type CategoryDescriptions = {
 }
 
 const categoryDescriptions: CategoryDescriptions = {
+  // devops
+  cicd: 'Continuous integration and continuous delivery (CI/CD) is a set of practices that combines continuous integration (CI) and continuous delivery (CD) to automate the process of software development and deployment.',
+  devopsLifecycle: 'DevOps is a set of practices that combines software development (Dev) and information technology operations (Ops) to shorten the systems development life cycle while delivering features, fixes, and updates frequently in close alignment with business objectives.',
+  devopsMethodologies: 'DevOps methodologies are a set of practices that combine software development and information technology operations to shorten the systems development life cycle while delivering features, fixes, and updates frequently in close alignment with business objectives.',
+  docker: 'Docker is a software platform that allows you to build, test, and deploy applications quickly. Docker packages software into standardized units called containers. These are isolated from one another and bundle their own software, libraries, and configuration files; they can also communicate with each other through well-defined channels.',
+  kubernetes: 'Kubernetes is an open-source container orchestration platform that automates the deployment, scaling, and management of containerized applications.',
+  microservices: 'Microservices are a software development technique—a variant of the service-oriented architecture (SOA) architectural style that structures an application as a collection of loosely coupled services.',
   //frontend
   accessibility: 'Accessibility is the concept of whether a product or service can be used by everyone—however they encounter it. Accessibility laws exist to aid people with disabilities, but designers should try to accommodate all potential users in many contexts of use anyway. ',
   animations: 'Animation is the state of being full of life and energy, like a room full of excited kids at a birthday party. It is a method of photographing successive drawings, models, or even puppets, to create an illusion of movement in a sequence.',
@@ -45,7 +52,7 @@ const categoryDescriptions: CategoryDescriptions = {
   // resources
   blogs: 'The term “blog” is short for “weblog.” Blogs are usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video.',
   ebook: 'An ebook (short for electronic book) is a book publication made available in digital form, consisting of text, images, or both readable on the flat-panel display of computers or other electronic devices.',
-  hosting: 'Web hosting is an online service that makes your content of your website accessible on the internet. When you purchase a hosting plan, you are renting space on a physical server to store all the files and data.',
+  hosting: 'Web hosting is an online service that makes the content of your website accessible on the internet. When you purchase a hosting plan, you are renting space on a physical server to store all the files and data.',
   officialdocs: 'Official docs is short for official documentation. Official documentation is an important resource for users of software products and services as it provides a comprehensive guide to using the software.',
   'project ideas': 'Projects play an important role in your resume. So here is a list of some great projects and their repositories.',
   // youtube

data/maintainersData.ts

@@ -1,5 +1,6 @@
 export const maintainersData = [
-  { login: 'rupali-codes', name: 'Rupali Codes' },
-  { login: 'CBID2', name: 'CBID2' },
+  { login: 'rupali-codes', name: 'Rupali Haldiya' },
+  { login: 'CBID2', name: 'Christine Belzie' },
   { login: 'ujjawaltyagii', name: 'Ujjawal Tyagi' },
+  { login: 'k-deepak04', name: 'Deepak Singh' },
 ]

database/DevOps/cicd.json

@@ -0,0 +1,9 @@
+[
+    {
+        "name": "Learn CI/CD by building projects",
+        "description": "This is an amazing blog provides projects to help you understand CI/CD.",
+        "url": "https://www.freecodecamp.org/news/what-is-ci-cd/",
+        "category": "DevOps",
+        "subcategory": "cicd"
+    }
+]

database/DevOps/devopsLifecycle.json

@@ -0,0 +1,9 @@
+[
+    {
+        "name": "DevOps Lifecycle",
+        "description": "Learn everything about 7 different phases of the DevOps lifecycle",
+        "url": "https://www.simform.com/blog/devops-lifecycle/",
+        "category": "DevOps",
+        "subcategory": "devopsLifecycle"
+    }
+]

database/DevOps/devopsMethodologies.json

@@ -0,0 +1,9 @@
+[
+    {
+        "name": "DevOps Methodology",
+        "description": "This blog post describes the approach and philosophy behind DevOps.",
+        "url": "https://www.cloudbees.com/blog/devops-methodology-understanding-the-approach-and-philosophy",
+        "category": "DevOps",
+        "subcategory": "devopsMethodologies"
+    }
+]

database/DevOps/docker.json

@@ -0,0 +1,9 @@
+[
+    {
+        "name": "Docker",
+        "description": "In this blog post, you will learn how to use Docker.",
+        "url": "https://www.mygreatlearning.com/blog/docker-tutorial/",
+        "category": "DevOps",
+        "subcategory": "docker"
+    }
+]

database/DevOps/kubernetes.json

@@ -0,0 +1,9 @@
+[
+    {
+        "name": "Kubernetes Basics",
+        "description": "This part of Kubernetes' docs teaches the basics of this program.",
+        "url": "https://kubernetes.io/docs/tutorials/kubernetes-basics/",
+        "category": "DevOps",
+        "subcategory": "kubernetes"
+    }
+]

database/DevOps/microservices.json

@@ -0,0 +1,9 @@
+[
+    {
+        "name": "Microservices Architecture",
+        "description": "Learn Microservice System Design by reading this article.",
+        "url": "https://sivanaikk0903.medium.com/microservices-architecture-a61fe9e48b41",
+        "category": "DevOps",
+        "subcategory": "microservices"
+    }
+]

database/backend/authentication.json

@@ -26,5 +26,12 @@
     "url": "https://www.passportjs.org/",
     "category": "backend",
     "subcategory": "authentication"
+  },
+  {
+    "name": "AWS Amplify Authentication",
+    "description": "AWS Amplify Authentication is a fully managed service within AWS Amplify that offers easy-to-use and secure authentication capabilities for web and mobile applications. It supports various authentication methods, including social sign-in, multi-factor authentication, and user management, enabling developers to add user authentication and access control to their applications with minimal effort.",
+    "url": "https://docs.amplify.aws/lib/auth/getting-started/",
+    "category": "backend",
+    "subcategory": "authentication"
   }
 ]

database/backend/database.json

@@ -54,6 +54,12 @@
     "url": "https://appwrite.io/docs",
     "category": "backend",
     "subcategory": "database"
+  },
+  {
+    "name": "AWS Amplify",
+    "description": "AWS Amplify is a comprehensive development platform offered by Amazon Web Services (AWS) that simplifies building scalable and secure web and mobile applications. It provides a set of tools, services, and libraries that enable developers to quickly create and deploy full-stack applications with seamless integration to various AWS services.",
+    "url": "https://docs.aws.amazon.com/amplify/",
+    "category": "backend",
+    "subcategory": "database"
   }
-
-]
+]

database/data.ts

@@ -49,6 +49,21 @@ export const sidebarData: ISidebar[] = [
       { name: 'videos', url: '/videos', resources: DB.videos },
     ],
   },
+  {
+    category: 'devops',
+    subcategory: [
+      { name: 'CI/CD', url: '/cicd', resources: DB.cicd },
+      { name: 'DevOps Life Cycle', url: '/devopsLifecycle', resources: DB.devopsLifecycle },
+      { name: 'DevOps Methodologies', url: '/devopsMethodologies', resources: DB.devopsMethodologies },
+      { name: 'docker', url: '/docker', resources: DB.docker },
+      {
+        name: 'kubernetes',
+        url: '/kubernetes',
+        resources: DB.kubernetes,
+      },
+      { name: 'microservices', url: '/microservices', resources: DB.microservices },
+    ],
+  },
   {
     category: 'backend',
     subcategory: [
@@ -118,6 +133,11 @@ export const sidebarData: ISidebar[] = [
         url: '/open-source-tools',
         resources: DB.openSourceTools,
       },
+      {
+        name: 'Videos',
+        url: '/open-source-videos',
+        resources: DB.openSourceVideos, 
+      },
     ],
   },
   {

database/frontend/react.json

@@ -99,5 +99,13 @@
     "category": "frontend",
     "subcategory": "react",
     "language": "hindi"
+  },
+  {
+    "name": "React js",
+    "description": "In this series, you will learn the basics of React.js while creating projects to gain a better understanding of concepts and their working.",
+    "url": "https://www.youtube.com/watch?v=v02P0AsTm2o&list=PLt5mNkGuWcuWSUHxSzWP74IU9U4BTVLt0",
+    "category": "frontend",
+    "subcategory": "react",
+    "language": "hindi"
   }
 ]

database/index.ts

@@ -22,6 +22,15 @@ export { default as validation } from './backend/validation.json'
 export { default as systemDesign } from './backend/system-design.json'
 export { default as database } from './backend/database.json'
 export {default as api} from './backend/api.json'
+
+//devops
+export { default as cicd } from './DevOps/cicd.json'
+export { default as devopsLifecycle } from './DevOps/devopsLifecycle.json'
+export { default as devopsMethodologies } from './DevOps/devopsMethodologies.json'
+export { default as docker } from './DevOps/docker.json'
+export { default as kubernetes } from './DevOps/kubernetes.json'
+export { default as microservices } from './DevOps/microservices.json'
+
 // languages
 export { default as javascript } from './languages/javascript.json'
 export { default as python } from './languages/python.json'
@@ -55,6 +64,7 @@ export { default as deepLearning } from './machine_learning/deep-learning.json'
 export { default as openSourceBlogs } from './open_source/blogs.json'
 export { default as openSourceProjects } from './open_source/projects.json'
 export { default as openSourceTools } from './open_source/tools.json'
+export { default as openSourceVideos } from './open_source/videos.json'
 // resources
 export { default as blogs } from './resources/blogs.json'
 export { default as officialdocs } from './resources/official-docs.json'