Merge branch 'main' into dev_sanjeev_kumar_sahoo

.github/workflows/release-drafter.yml

@@ -28,7 +28,7 @@ jobs:
       #    echo "GHE_HOST=${GITHUB_SERVER_URL##https:\/\/}" >> $GITHUB_ENV
 
       # Drafts your next Release notes as Pull Requests are merged into "master"
-      - uses: release-drafter/release-drafter@v5
+      - uses: release-drafter/release-drafter@v6
 
         # The GITHUB_TOKEN works for the most case if it doesnot works, replace it with Personal Access Token
         env:

.github/workflows/repo-rater.yml

@@ -0,0 +1,22 @@
+name: Repo Rater Action
+run-name: repo-rater (#${{ github.event.issue.number || github.event.pull_request.number }})
+
+permissions:
+  issues: write
+  pull-requests: write
+
+on:
+  issues:
+    types: [closed]
+  pull_request:
+    types: [closed]
+
+jobs:
+  repo-rater:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: xkrishguptaa/[email protected]
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          message: "Thank you for contributing to LinksHub! Please take a moment to rate this repo\\'s DX on [EddieHub\\'s RepoRater](https://repo-rater.eddiehub.io/rate?owner=${{ github.repository_owner }}&name=${{ github.event.repository.name }}) and give it a star ⭐"

README.md

@@ -164,4 +164,7 @@ LinksHub is licensed under the terms of the MIT License. check out <a href="./LI
 
 ## Support ⭐
 
-_We would be thrilled to have you contribute to LinksHub! Your support, whether through opening issues, submitting pull requests, or even just leaving a star, means a lot to us. Together, we can continue to improve and expand this resource hub for developers worldwide._
+- 💰 Become our [Sponsor](https://github.com/sponsors/rupali-codes)!
+- ⭐ Star our Repo 
+- 🥇  Rate us on [Repo Rater](https://repo-rater.eddiehub.io/)
+Together, we can continue to improve and expand this resource hub for people worldwide! 💪

components/Searchbar/Searchbar.tsx

@@ -63,15 +63,23 @@ export const Searchbar: React.FC<SearchbarProps> = ({
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault()
-
     dispatchSearch({ type: 'submit' })
-    if (searchQuery.trim() !== '') {
-      router.push({
-        pathname: '/search',
-        query: {
-          query: searchQuery,
-        },
-      })
+    const cleanedSearchQuery = searchQuery.toLocaleLowerCase().trim()
+    if (cleanedSearchQuery !== '') {
+      const { category } = sidebarData.find((item) =>
+        item.subcategory.find((subCat) => subCat.name === cleanedSearchQuery)
+      ) || { category: '' }
+
+      if (category != '') {
+        router.push(`/${category}/${cleanedSearchQuery}`)
+      } else {
+        router.push({
+          pathname: '/search',
+          query: {
+            query: searchQuery,
+          },
+        })
+      }
     }
   }
 

components/TopBar/CategoryDescriptions.ts

@@ -12,6 +12,8 @@ const categoryDescriptions: CategoryDescriptions = {
     'Colors mean the aspects of the appearance of objects and light sources that may be described in terms of hue, lightness, and saturation',
   'design-inspiration':
     'The right kind of inspiration will always help you come up with creative and unique ideas for your projects but sometimes you need some help getting inspired. Luckily, there are a TON of great resources for design inspiration.',
+  'css-games':
+    'CSS games are a fun way to learn and practice CSS. They are a great way to learn new CSS properties and techniques, and they can help you improve your skills in a fun and interactive way.',
   fonts:
     'A font is a graphical representation of text that may include a different typeface, point size, weight, color, or design. Fonts are text characters of different types and sizes. They help designers convey interface content intuitively and guide web or mobile app users to interact with the interface smoothly. The term “font” actually refers to a set of graphics that correspond to some or all of the Unicode glyphs',
   icons:
@@ -64,16 +66,16 @@ const categoryDescriptions: CategoryDescriptions = {
   //languages
   'c-programming':
     'C is a general-purpose programming language that was developed in the early 1970s by Dennis Ritchie at Bell Labs. C is widely used for developing system software, embedded systems, and application software.',
-  'cpp':
-    "C++ is a versatile and powerful programming language that builds upon the features of C, offering object-oriented programming capabilities and support for low-level memory manipulation. It's widely used for developing system software, games, high-performance applications, and more.",
+  cpp: "C++ is a versatile and powerful programming language that builds upon the features of C, offering object-oriented programming capabilities and support for low-level memory manipulation. It's widely used for developing system software, games, high-performance applications, and more.",
   dart: "Dart is a programming language primarily used for building web and mobile applications with a focus on client-side development. It's the language behind the Flutter framework, allowing developers to create cross-platform apps with a single codebase. Dart offers features like a Just-In-Time (JIT) compiler for development speed and an Ahead-Of-Time (AOT) compiler for production performance optimization.",
   kotlin:
     'Kotlin is a modern, statically-typed programming language that seamlessly interoperates with Java, making it a popular choice for Android app development. Known for its concise syntax and enhanced safety features, Kotlin offers nullable types and expressive constructs to streamline development processes.',
   java: 'Java is a widely-used, object-oriented programming language known for its "write once, run anywhere" philosophy, enabling developers to create platform-independent applications. It provides a robust standard library, automatic memory management through garbage collection, and a strong emphasis on safety and portability in various domains, from web development to enterprise applications.',
   rust: 'Rust is a systems programming language designed for safety and performance, featuring a strong focus on memory safety without sacrificing low-level control. Its ownership and borrowing system ensures prevention of common programming errors like null pointer dereferences, making it suitable for tasks ranging from system-level programming to building web services.',
-  'csharp':
+  csharp:
     'C# is a modern, object-oriented programming language that was developed by Microsoft in the early 2000s. C# is widely used for developing Windows desktop applications, web applications, and games.',
-  golang: 'Go is a modern, open-source programming language that Google developed in the early 2000s. Go is widely used for developing networking, web, and cloud applications.',
+  golang:
+    'Go is a modern, open-source programming language that Google developed in the early 2000s. Go is widely used for developing networking, web, and cloud applications.',
   javascript:
     'JavaScript is widely used for developing web applications, mobile applications, and desktop applications. JavaScript is a dynamically typed language that supports functional and object-oriented programming styles.',
   python:
@@ -98,8 +100,7 @@ const categoryDescriptions: CategoryDescriptions = {
   'os-programs':
     'Open source programs where contributors contribute in projects under the guidance of mentors.',
   //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.',
+  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.',
   'devops-life-cycle':
     '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.',
   'devops-methodologies':
@@ -123,7 +124,8 @@ const categoryDescriptions: CategoryDescriptions = {
     'Deep learning is a subfield of machine learning that involves the use of neural networks to learn from data. Deep learning is widely used for image recognition, natural language processing, and speech recognition. ',
   'machine-learning':
     'Machine learning is a subfield of artificial intelligence that uses statistical, mathematical, and computational methods to learn from data. Machine learning is widely used for data analysis, data visualization, and predictive modeling.',
-  'natural-language-processing': 'Natural Language Processing is a branch of artificial intelligence that focuses on the interaction between computers and human language. It involves the development of algorithms and models that enable machines to understand and generate human language, allowing them to perform tasks like language translation an more. ',
+  'natural-language-processing':
+    'Natural Language Processing is a branch of artificial intelligence that focuses on the interaction between computers and human language. It involves the development of algorithms and models that enable machines to understand and generate human language, allowing them to perform tasks like language translation an more. ',
 
   // cyber-security
   'offensive-security':
@@ -143,7 +145,7 @@ const categoryDescriptions: CategoryDescriptions = {
   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.',
   dsa: 'Data Structures and Algorithms play an important role in tech placements. So here is a list of important and great dsa resources',
-  'officialdocs':
+  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.',
@@ -173,11 +175,20 @@ const categoryDescriptions: CategoryDescriptions = {
   'web3-metaverse':
     'Web3 is the next generation of the internet. It is a decentralized network that allows users to interact with each other without the need for intermediaries. ',
 
+  //competitive programming
+  'cp-helpers':
+    'Coding libraries, templates, and community forums serve as valuable aids for competitive programmers, offering pre-written code snippets, discussions, and collaborative support to optimize problem-solving efficiency.',
+  'cp-platforms':
+    'Online platforms such as Codeforces, HackerRank, and LeetCode provide a virtual arena for programmers to engage in competitive programming challenges, honing their problem-solving skills.',
+  'cp-tutorials':
+    'Various online resources offer tutorials on algorithms, data structures, and problem-solving techniques, assisting aspiring competitive programmers in enhancing their coding proficiency and strategic thinking.',
+
   //other
-  events: 'An event is a gathering where professionals and enthusiasts explore, discuss, and showcase advancements in technology. It fosters learning, networking, and collaboration among individuals passionate about various technical fields.',
+  events:
+    'An event is a gathering where professionals and enthusiasts explore, discuss, and showcase advancements in technology. It fosters learning, networking, and collaboration among individuals passionate about various technical fields.',
   communities:
     'Communities are groups of like-minded people who work on projects and help their peers to grow  and improve their skills.',
-  'devtools':
+  devtools:
     'This list of Development tools will help you boost your programming speed and modify your projects to the next level.',
   github: 'Well, Github does not need description, devs know well!',
   git: 'Your friendly neighborhood version control system to track the development activities.',
@@ -188,8 +199,10 @@ const categoryDescriptions: CategoryDescriptions = {
     'These are the people that have helped LinksHub come to life! Thank you for your support! Note: M = Maintainer and C = Contributors',
   'text-formatting':
     'Your ultimate solution for all your text formatting needs!',
-    roadmaps: 'Roadmaps are strategic plans that outline key milestones, goals, and timelines. They serve as guides for project development, ensuring a systematic and organized approach to achieving objectives.',
-    domains: 'DNS is a crucial component of the internet infrastructure. It translates human-readable domain names into IP addresses, facilitating seamless communication between devices on the internet.',
+  roadmaps:
+    'Roadmaps are strategic plans that outline key milestones, goals, and timelines. They serve as guides for project development, ensuring a systematic and organized approach to achieving objectives.',
+  domains:
+    'DNS is a crucial component of the internet infrastructure. It translates human-readable domain names into IP addresses, facilitating seamless communication between devices on the internet.',
 
   // Placement-Prep
   'interview-preparation':
@@ -204,7 +217,8 @@ const categoryDescriptions: CategoryDescriptions = {
     'Explore resources, articles, and guidance for career planning, goal setting, and professional growth in the tech industry.',
   certifications:
     'Curated list of globally recognized tech certifications, including requirements, benefits, and preparation strategies, emphasizing industry recognition and validity.',
-  'cover-letters': 'A cover letter is a formal document accompanying a resume, providing a personalized introduction to a potential employer. It highlights the applicant\'s qualifications, skills, and interest in the specific position.',
+  'cover-letters':
+    "A cover letter is a formal document accompanying a resume, providing a personalized introduction to a potential employer. It highlights the applicant's qualifications, skills, and interest in the specific position.",
 
   //technical-writing
   'technical-writing-tools':
@@ -218,7 +232,7 @@ const categoryDescriptions: CategoryDescriptions = {
   'dsa-tutorials':
     'This section provides you with YouTube tutorials that help you grasp concepts better by hands-on experience and learn better, practically!',
   //BlockChain
-  'smartcontracts':
+  smartcontracts:
     'Smart contracts are self-executing contracts with the terms of the agreement directly written into code. They run on a blockchain network, which is a decentralized and distributed ledger technology. Smart contracts automatically execute and enforce the terms of a contract when predefined conditions are met',
   truffle:
     'Truffle is a popular development framework for Ethereum blockchain. It provides a development environment, testing framework, and asset pipeline for building decentralized applications (DApps) on the Ethereum platform.',
@@ -234,9 +248,12 @@ const categoryDescriptions: CategoryDescriptions = {
   'oracle-cloud': 'Oracle Cloud is a leading cloud computing platform providing a robust suite of services. From databases to advanced solutions, Oracle Cloud supports businesses in achieving scalability, security, and innovation.',
   'ibm-cloud': 'IBM Cloud stands as a formidable cloud computing platform, offering a wide array of services. From computing power to advanced technologies, IBM Cloud supports businesses in their digital transformation journey.',
 
+
   //internet of things
-  coursera: 'Coursera is an online learning platform that offers a wide range of courses, specializations, and degrees from top universities and organizations globally. It provides accessible and flexible education to individuals seeking to enhance their skills and knowledge.',
-  'raspberrypi': 'Raspberry Pi is a series of low-cost, credit card-sized single-board computers developed to promote computer science education and DIY projects. With a vibrant community, Raspberry Pi empowers enthusiasts and learners to explore programming, electronics, and creative computing.' 
+  coursera:
+    'Coursera is an online learning platform that offers a wide range of courses, specializations, and degrees from top universities and organizations globally. It provides accessible and flexible education to individuals seeking to enhance their skills and knowledge.',
+  raspberrypi:
+    'Raspberry Pi is a series of low-cost, credit card-sized single-board computers developed to promote computer science education and DIY projects. With a vibrant community, Raspberry Pi empowers enthusiasts and learners to explore programming, electronics, and creative computing.',
 }
 
 export default categoryDescriptions

database/competitive_programming/cp-helpers.json

@@ -0,0 +1,9 @@
+[
+  {
+    "name": "Digitomize",
+    "description": "A platform for CP enthusiasts to explore coding contests (LeetCode, Codeforces, CodeChef, etc.) and showcase skills through dynamic portfolios, displaying updated ratings, achievements, and coding history.",
+    "url": "https://www.digitomize.com/",
+    "category": "competitive-programming",
+    "subcategory": "cp-helpers"
+  }
+]

database/data.ts

@@ -14,6 +14,7 @@ export const sidebarData: ISidebar[] = [
       { name: 'images', url: '/images', resources: DB.images },
       { name: 'fonts', url: '/fonts', resources: DB.fonts },
       { name: 'colors', url: '/colors', resources: DB.colors },
+      { name: 'css games', url: '/css-games', resources: DB.cssGames },
       { name: 'react', url: '/react', resources: DB.react },
       {
         name: 'illustrations',
@@ -330,6 +331,7 @@ export const sidebarData: ISidebar[] = [
     subcategory: [
       { name: 'Platforms', url: '/cp-platforms', resources: DB.cpPlatforms },
       { name: 'Tutorials', url: '/cp-tutorials', resources: DB.cpTutorials },
+      { name: 'Helpers', url: '/cp-helpers', resources: DB.cpHelpers },
     ],
   },
   {

database/frontend/colors.json

@@ -1,10 +1,10 @@
-[  
- { 
-     "name": "huetiful-js", 
-     "description": "This is a JavaScript library for simple color manipulations based on the Culori API. With over 50 utilities, Huetiful allows you to filter and sort color collections and query different properties of color as well as generate different palettes.", 
-     "url": "https://github.com/prjctimg/huetiful", 
-     "category": "frontend", 
-     "subcategory": "colors" 
+[
+  {
+    "name": "huetiful-js",
+    "description": "This is a JavaScript library for simple color manipulations based on the Culori API. With over 50 utilities, Huetiful allows you to filter and sort color collections and query different properties of color as well as generate different palettes.",
+    "url": "https://github.com/prjctimg/huetiful",
+    "category": "frontend",
+    "subcategory": "colors"
   },
   {
     "name": "Color Hunt",
@@ -208,5 +208,12 @@
     "url": "https://uicolors.app/",
     "category": "frontend",
     "subcategory": "colors"
+  },
+  {
+    "name": "ColorWave AI",
+    "description": "ColorWave AI is a color palette generator that uses AI to create beautiful color palettes.",
+    "url": "https://www.colorwave.dev/",
+    "category": "frontend",
+    "subcategory": "colors"
   }
 ]