From 57a27d2760a4c5b3a424d844ab047d36af17db4d Mon Sep 17 00:00:00 2001 From: JakubChorzepa Date: Sun, 9 Jul 2023 12:55:16 +0200 Subject: [PATCH 01/29] feat: make Backdrop transition available --- components/Backdrop/Backdrop.tsx | 15 +++++++++++++-- components/SideNavbar/SideNavbar.tsx | 5 ++++- 2 files changed, 17 insertions(+), 3 deletions(-) diff --git a/components/Backdrop/Backdrop.tsx b/components/Backdrop/Backdrop.tsx index a6ae96641..170f8a465 100644 --- a/components/Backdrop/Backdrop.tsx +++ b/components/Backdrop/Backdrop.tsx @@ -1,15 +1,26 @@ -import { FC } from 'react' +import { FC, useEffect } from 'react' import { createPortal } from 'react-dom' +import { useTransition } from 'react-transition-state' export const Backdrop: FC<{ onClick: (() => void) | undefined className?: string | undefined }> = (props) => { const { onClick, className } = props + const [{ status }, toggle] = useTransition({ + preEnter: true, + unmountOnExit: true, + }) + + useEffect(() => { + toggle(true) + }, [toggle]) return createPortal(
, document.getElementById('backdrop-root')! diff --git a/components/SideNavbar/SideNavbar.tsx b/components/SideNavbar/SideNavbar.tsx index 1441cc1be..6b1114c7f 100644 --- a/components/SideNavbar/SideNavbar.tsx +++ b/components/SideNavbar/SideNavbar.tsx @@ -18,7 +18,10 @@ export const SideNavbar: FC<{}> = () => { return ( <> - + {createPortal(
Date: Sun, 9 Jul 2023 12:59:15 +0200 Subject: [PATCH 02/29] chore: remove unused unmountOnExit option --- components/Backdrop/Backdrop.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/components/Backdrop/Backdrop.tsx b/components/Backdrop/Backdrop.tsx index 170f8a465..87a95f723 100644 --- a/components/Backdrop/Backdrop.tsx +++ b/components/Backdrop/Backdrop.tsx @@ -9,7 +9,6 @@ export const Backdrop: FC<{ const { onClick, className } = props const [{ status }, toggle] = useTransition({ preEnter: true, - unmountOnExit: true, }) useEffect(() => { From 027d0e43b721f060453eefaefaa23bd64d046bb4 Mon Sep 17 00:00:00 2001 From: JakubChorzepa Date: Sun, 9 Jul 2023 14:13:46 +0200 Subject: [PATCH 03/29] fix: fix diffrent backdrop behaviour on dev and build --- components/Backdrop/Backdrop.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/components/Backdrop/Backdrop.tsx b/components/Backdrop/Backdrop.tsx index 87a95f723..60ce3af84 100644 --- a/components/Backdrop/Backdrop.tsx +++ b/components/Backdrop/Backdrop.tsx @@ -8,6 +8,7 @@ export const Backdrop: FC<{ }> = (props) => { const { onClick, className } = props const [{ status }, toggle] = useTransition({ + timeout: 500, preEnter: true, }) @@ -18,8 +19,10 @@ export const Backdrop: FC<{ return createPortal(
, document.getElementById('backdrop-root')! From c5cfa6c3b48d4dc1ef28f544d6062196ece52ba3 Mon Sep 17 00:00:00 2001 From: Abdul Khalid Date: Mon, 17 Jul 2023 18:17:45 +0530 Subject: [PATCH 04/29] remove: seperated colors of icons --- tailwind.config.js | 5 ----- 1 file changed, 5 deletions(-) diff --git a/tailwind.config.js b/tailwind.config.js index 4a0304e79..af6ca4675 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -7,11 +7,6 @@ module.exports = { ], theme: { extend: { - colors: { - discord: '#7289DA', - github: '#211F1F', - twitter: '#1DA1F2', - }, screens: { xs: '200px', }, From 87f21e1a7b1bc6b05ecdfd10a1ef6eea096bd269 Mon Sep 17 00:00:00 2001 From: Tayyab Date: Wed, 19 Jul 2023 12:41:27 +0530 Subject: [PATCH 05/29] added Tool --- database/open_source/tools.json | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/database/open_source/tools.json b/database/open_source/tools.json index 6644dde19..f6b099b73 100644 --- a/database/open_source/tools.json +++ b/database/open_source/tools.json @@ -33,5 +33,12 @@ "url": "https://geeksrepos.com/", "category": "open source", "subcategory": "open-source-tools" + }, + { + "name":"Good First Issues", + "description":"Looking for good first issues according to your tech stack? This website will help you find them.", + "url":"https://goodfirstissues.com/", + "category":"open source", + "subcategory":"open-source-tools" } ] From eaf3210b0c57c68534c54ffe26c89f5f20f74674 Mon Sep 17 00:00:00 2001 From: Abdul Khalid Date: Wed, 19 Jul 2023 17:55:40 +0530 Subject: [PATCH 06/29] revamp: hover states of social icons --- components/SocialMedia/SocialMediaIconsList.tsx | 12 +++--------- 1 file changed, 3 insertions(+), 9 deletions(-) diff --git a/components/SocialMedia/SocialMediaIconsList.tsx b/components/SocialMedia/SocialMediaIconsList.tsx index 90bfa84f9..43a7d765a 100644 --- a/components/SocialMedia/SocialMediaIconsList.tsx +++ b/components/SocialMedia/SocialMediaIconsList.tsx @@ -35,7 +35,7 @@ export const SocialMediaIconsList: FC<{ - + @@ -51,7 +51,7 @@ export const SocialMediaIconsList: FC<{ - + @@ -67,7 +67,7 @@ export const SocialMediaIconsList: FC<{ - + @@ -85,9 +85,3 @@ export const SocialMediaIconsList: FC<{ ) } - -// colors: { -// discord: '#7289DA', -// github: '#211F1F', -// twitter: '#1DA1F2', -// }, From 1444dc69a60f8221f7703f4b86862a530e112b14 Mon Sep 17 00:00:00 2001 From: Christine Belzie <105683440+CBID2@users.noreply.github.com> Date: Wed, 19 Jul 2023 08:45:06 -0400 Subject: [PATCH 07/29] Update database/open_source/tools.json --- database/open_source/tools.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/database/open_source/tools.json b/database/open_source/tools.json index f6b099b73..453c09f30 100644 --- a/database/open_source/tools.json +++ b/database/open_source/tools.json @@ -36,7 +36,7 @@ }, { "name":"Good First Issues", - "description":"Looking for good first issues according to your tech stack? This website will help you find them.", + "description":"Looking for good first issues based on your tech stack? This website will help you find them.", "url":"https://goodfirstissues.com/", "category":"open source", "subcategory":"open-source-tools" From f7c7c6c55019a842b9437a42b570eb9830281eb4 Mon Sep 17 00:00:00 2001 From: AlfiyaSiddique Date: Thu, 20 Jul 2023 01:32:11 +0530 Subject: [PATCH 08/29] Add Passportjs --- database/backend/authentication.json | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/database/backend/authentication.json b/database/backend/authentication.json index 2e176a6e2..b5bb12cf4 100644 --- a/database/backend/authentication.json +++ b/database/backend/authentication.json @@ -19,5 +19,12 @@ "url": "https://appwrite.io/docs/authentication", "category": "backend", "subcategory": "authentication" + }, + { + "name": "Passport Authentication", + "description": "Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application. A comprehensive set of strategies support authentication using a username and password, Facebook, Twitter, and more.", + "url": "https://www.passportjs.org/", + "category": "backend", + "subcategory": "authentication" } -] \ No newline at end of file +] From a39fcba79dcf0e15203370eda4a1ef9b141264ca Mon Sep 17 00:00:00 2001 From: Alfiya Siddique <86224794+AlfiyaSiddique@users.noreply.github.com> Date: Thu, 20 Jul 2023 12:00:27 +0530 Subject: [PATCH 09/29] Update database/backend/authentication.json Better description Co-authored-by: Christine Belzie <105683440+CBID2@users.noreply.github.com> --- database/backend/authentication.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/database/backend/authentication.json b/database/backend/authentication.json index b5bb12cf4..cf72cd2be 100644 --- a/database/backend/authentication.json +++ b/database/backend/authentication.json @@ -22,7 +22,7 @@ }, { "name": "Passport Authentication", - "description": "Passport is authentication middleware for Node.js. Extremely flexible and modular, Passport can be unobtrusively dropped in to any Express-based web application. A comprehensive set of strategies support authentication using a username and password, Facebook, Twitter, and more.", + "description": "Passport is authentication middleware for Node.js. Extremely flexible and modular, this tool can be unobtrusively dropped in to any Express-based web application. It also provides a comprehensive set of strategies support authentication for a username and password, Facebook, Twitter, and more.", "url": "https://www.passportjs.org/", "category": "backend", "subcategory": "authentication" From ca3ab29657bc8622a7d0ea90c37c66a86f2aff88 Mon Sep 17 00:00:00 2001 From: Alfiya Siddique <86224794+AlfiyaSiddique@users.noreply.github.com> Date: Thu, 20 Jul 2023 19:11:04 +0530 Subject: [PATCH 10/29] Update database/backend/authentication.json Update Description Co-authored-by: Christine Belzie <105683440+CBID2@users.noreply.github.com> --- database/backend/authentication.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/database/backend/authentication.json b/database/backend/authentication.json index cf72cd2be..34e17f976 100644 --- a/database/backend/authentication.json +++ b/database/backend/authentication.json @@ -22,7 +22,7 @@ }, { "name": "Passport Authentication", - "description": "Passport is authentication middleware for Node.js. Extremely flexible and modular, this tool can be unobtrusively dropped in to any Express-based web application. It also provides a comprehensive set of strategies support authentication for a username and password, Facebook, Twitter, and more.", + "description": "Passport is authentication middleware for Node.js. Extremely flexible and modular, this tool can be unobtrusively dropped in to any Express-based web application. It also provides a comprehensive set of support authentication strategies for usernames, passwords, Facebook, Twitter, and more.", "url": "https://www.passportjs.org/", "category": "backend", "subcategory": "authentication" From 05ef10745ac756c9facda56c0b80f2d0f9d12218 Mon Sep 17 00:00:00 2001 From: NarendraKoya999 Date: Fri, 21 Jul 2023 09:55:42 +0530 Subject: [PATCH 11/29] update Notion in Blogs Sub Category in Resources Main Category --- database/resources/blogs.json | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/database/resources/blogs.json b/database/resources/blogs.json index fd22c2819..c24270db0 100644 --- a/database/resources/blogs.json +++ b/database/resources/blogs.json @@ -145,5 +145,12 @@ "url": "https://app.daily.dev/", "category": "resources", "subcategory": "blogs" + }, + { + "name": "Notion", + "description": "A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.", + "url": "https://www.notion.so/personal", + "category": "resources", + "subcategory": "blogs" } -] +] \ No newline at end of file From 04609bbaf295553ca751a5422262ac85f2e8ca37 Mon Sep 17 00:00:00 2001 From: Nishitbariya <85815172+Nishitbaria@users.noreply.github.com> Date: Fri, 21 Jul 2023 07:57:54 +0000 Subject: [PATCH 12/29] feat: add offcial docs of tailwindcss --- database/resources/official-docs.json | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/database/resources/official-docs.json b/database/resources/official-docs.json index 048af8a91..e522f2e87 100644 --- a/database/resources/official-docs.json +++ b/database/resources/official-docs.json @@ -54,5 +54,12 @@ "url": "https://nuxtjs.org/", "category": "resources", "subcategory": "officialdocs" + }, + { + "name": "Tailwind Css", + "description": " Comprehensive documentation for the utility-first CSS framework, enabling efficient web development through its extensive class-based approach", + "url": "https://tailwindcss.com/docs/installation", + "category": "resources", + "subcategory": "officialdocs" } ] \ No newline at end of file From e07ab03fbfb6197a70b94f52763d122d932c3bc5 Mon Sep 17 00:00:00 2001 From: Sushil Verma <114687502+Sushilverma002@users.noreply.github.com> Date: Fri, 21 Jul 2023 15:47:53 +0530 Subject: [PATCH 13/29] updated --- database/youtube/data-structures.json | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/database/youtube/data-structures.json b/database/youtube/data-structures.json index 3d8721b9c..04876d2ea 100644 --- a/database/youtube/data-structures.json +++ b/database/youtube/data-structures.json @@ -105,10 +105,18 @@ }, { "name": "TAP ACADEMY", - "description": "A well-structured DSA playlist from beginner to advanced level in Java", + "description": "A well-structured DSA playlist from beginner to advanced level in Java.", "url": "https://youtube.com/playlist?list=PLU83Ru7iGtAvP1rqt65MCDSBPFCzUKGXG", "category": "youtube", "subcategory": "data-structures", "language": "english" + }, + { + "name": "CODING NINJAS", + "description": "This channel provides DSA course in Python from beginner to advance level.", + "url": "https://youtube.com/playlist?list=PLrk5tgtnMN6TYBW0-U4YhIRyYEVpqVEnJ", + "category": "youtube", + "subcategory": "data-structures", + "language": "english" } -] +] \ No newline at end of file From 1eb27c0f228624a35528b235cefa9a0d98fea462 Mon Sep 17 00:00:00 2001 From: Sushil Verma <114687502+Sushilverma002@users.noreply.github.com> Date: Sat, 22 Jul 2023 09:06:35 +0530 Subject: [PATCH 14/29] Update data-structures.json --- database/youtube/data-structures.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/database/youtube/data-structures.json b/database/youtube/data-structures.json index 04876d2ea..efc95a5e0 100644 --- a/database/youtube/data-structures.json +++ b/database/youtube/data-structures.json @@ -105,7 +105,7 @@ }, { "name": "TAP ACADEMY", - "description": "A well-structured DSA playlist from beginner to advanced level in Java.", + "description": "A well-structured DSA playlist that provides beginner to advanced level tutorials in Java.", "url": "https://youtube.com/playlist?list=PLU83Ru7iGtAvP1rqt65MCDSBPFCzUKGXG", "category": "youtube", "subcategory": "data-structures", @@ -119,4 +119,4 @@ "subcategory": "data-structures", "language": "english" } -] \ No newline at end of file +] From ba9a2b2cee88ae90416b66c33ba2c506cd4e358e Mon Sep 17 00:00:00 2001 From: NarendraKoya999 Date: Sat, 22 Jul 2023 19:53:48 +0530 Subject: [PATCH 15/29] update Node.js Official Doc in official-docs.json File --- database/resources/official-docs.json | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/database/resources/official-docs.json b/database/resources/official-docs.json index 048af8a91..686870b68 100644 --- a/database/resources/official-docs.json +++ b/database/resources/official-docs.json @@ -54,5 +54,12 @@ "url": "https://nuxtjs.org/", "category": "resources", "subcategory": "officialdocs" + }, + { + "name": "Node.js", + "description": "Node.js is built on top of the Google Chrome V8 JavaScript engine, and it's mainly used to create web servers - but it's not limited to just that.", + "url": "https://nodejs.dev/en/learn/", + "category": "resources", + "subcategory": "officialdocs" } ] \ No newline at end of file From 2f945b766c889da724e2e48764e5e1f5306c3770 Mon Sep 17 00:00:00 2001 From: Koya Narendra <84512164+NarendraKoya999@users.noreply.github.com> Date: Sat, 22 Jul 2023 20:12:20 +0530 Subject: [PATCH 16/29] Update database/resources/official-docs.json Accepted Requested Changes in this Node.js Dev Doc related Description Changes Co-authored-by: Christine Belzie <105683440+CBID2@users.noreply.github.com> --- database/resources/official-docs.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/database/resources/official-docs.json b/database/resources/official-docs.json index 686870b68..285128e0b 100644 --- a/database/resources/official-docs.json +++ b/database/resources/official-docs.json @@ -57,7 +57,7 @@ }, { "name": "Node.js", - "description": "Node.js is built on top of the Google Chrome V8 JavaScript engine, and it's mainly used to create web servers - but it's not limited to just that.", + "description": "Node.js is built on top of the Google Chrome V8 JavaScript engine, and it's mainly used to create web servers - but it can be used for other purposes too.", "url": "https://nodejs.dev/en/learn/", "category": "resources", "subcategory": "officialdocs" From 4eafde9a545af9d6efda530241032d056ad4c99d Mon Sep 17 00:00:00 2001 From: Debarghya Maitra Date: Sat, 22 Jul 2023 23:24:57 +0530 Subject: [PATCH 17/29] feat: Add dockerized linkshub (#1254) --- .dockerignore | 4 ++++ Dockerfile | 14 ++++++++++++++ README.md | 34 +++++++++++++++++++++++----------- docker-compose.yml | 15 +++++++++++++++ 4 files changed, 56 insertions(+), 11 deletions(-) create mode 100644 .dockerignore create mode 100644 Dockerfile create mode 100644 docker-compose.yml diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 000000000..c651ed3b7 --- /dev/null +++ b/.dockerignore @@ -0,0 +1,4 @@ +# ignoring files that are necessary for the project to run/develop +*.md +node_modules/ +LICENSE diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 000000000..32232c56b --- /dev/null +++ b/Dockerfile @@ -0,0 +1,14 @@ +FROM node:lts-slim + +RUN npm install -g pnpm + +WORKDIR /app +EXPOSE 3000 + +# Copy the package.json and pnpm-lock.yaml +COPY package.json . +COPY pnpm-lock.yaml . + +RUN npm run dev-setup + +COPY . . diff --git a/README.md b/README.md index f22a8bd0e..3493d88a0 100644 --- a/README.md +++ b/README.md @@ -5,17 +5,17 @@ ## 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 favorite links to the Hub? make sure to follow CONTRIBUTING guidelines._](#want-to-add-your-favorite-links-into-the-hub-make-sure-to-follow-contributing-guidelines) -- [Add or update description](#want-to-add-or-update-the-descriptions-of-subcategories) -- [Building with Gitpod 💣](#building-with-gitpod-) -- [Our Contributors ✨](#our-contributors-) -- [License 📝](#license-) -- [Support ⭐](#support-) + - [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-) @@ -99,6 +99,18 @@ You can see the live demo at: https://linkshub.vercel.app pnpm run dev ``` +> **P.S**: If you have `docker` installed in your system, you can follow these steps to set up the environment: +> 1. After forking and cloning the repo(as mentioned above), get into the project directory: +> ```bash +> cd LinksHub/ +> ``` +> 2. Start the docker container with: +> ```bash +> docker compose up +> ``` +> 3. Now start adding your changes. +> **Note:** You don't need to restart the container again and again after starting it once, because the changes you make will reflect into the container instantly. + 7. Make your changes before staging them. 8. Stage your changes diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 000000000..98a99d80e --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,15 @@ +version: '3.9' +services: + app: + build: . + ports: + - "3000:3000" + expose: + - 3000 + volumes: + - .:/app:rw + command: + - pnpm + - run + - dev + From a2b92352811c083bb0d557538c1149322ee92127 Mon Sep 17 00:00:00 2001 From: Anmol Baranwal <74038190+Anmol-Baranwal@users.noreply.github.com> Date: Sat, 22 Jul 2023 10:57:59 -0700 Subject: [PATCH 18/29] feat: show maintainers/contributors state in contributors section (#1301) --- data/maintainersData.ts | 5 +++++ pages/contributors.tsx | 32 +++++++++++++++++++++++++++++++- styles/globals.css | 33 +++++++++++++++++++++++++++++---- 3 files changed, 65 insertions(+), 5 deletions(-) create mode 100644 data/maintainersData.ts diff --git a/data/maintainersData.ts b/data/maintainersData.ts new file mode 100644 index 000000000..b4ec997b1 --- /dev/null +++ b/data/maintainersData.ts @@ -0,0 +1,5 @@ +export const maintainersData = [ + { login: 'rupali-codes', name: 'Rupali Codes' }, + { login: 'CBID2', name: 'CBID2' }, + { login: 'ujjawaltyagii', name: 'Ujjawal Tyagi' }, +] diff --git a/pages/contributors.tsx b/pages/contributors.tsx index 44f24f057..d615b1924 100644 --- a/pages/contributors.tsx +++ b/pages/contributors.tsx @@ -2,6 +2,9 @@ import { FC } from 'react' import Image from 'next/image' import Link from 'next/link' import type { GetStaticProps } from 'next' +import { useTheme } from 'next-themes' +import { maintainersData } from '../data/maintainersData' +import { useState } from 'react' interface Contributor { id: number @@ -60,6 +63,8 @@ export const getStaticProps: GetStaticProps<{ const ContributorsPage: FC<{ contributors: Contributor[] }> = ({ contributors, }) => { + const [hoveredContributor, setHoveredContributor] = useState('') + const { resolvedTheme } = useTheme() const filteredContributors = contributors.filter( (contributor) => contributor.contributions >= 6 ) @@ -77,6 +82,12 @@ const ContributorsPage: FC<{ contributors: Contributor[] }> = ({ className: buttonStyles, } + const isDarkMode = resolvedTheme === 'dark' + + const imageInfo = `image-effect w-9 h-9 rounded-full bg-gray-100 border text-lg text-gray-900 pl-[9px] pt-1 ${ + isDarkMode ? '' : 'border-dashed border-violet-400' + } ` + return (
@@ -85,7 +96,7 @@ const ContributorsPage: FC<{ contributors: Contributor[] }> = ({ key={contributor.id} className="bg-gray-100 rounded-3xl py-5 px-2 border border-dashed border-violet-500 dark:border-violet-400 shadow-lg dark:bg-gray-900 dark:text-gray-300 dark:shadow-sm flex flex-col hover:scale-105 transition-transform duration-300 cursor-pointer m-1" > -
+
{contributor.login} = ({ height={110} className=" rounded-full mb-4 border-2 border-violet-500 dark:border-violet-400 transition-transform duration-300 hover:scale-105 hover:border-dotted m-2" /> + setHoveredContributor(contributor.login)} + onMouseLeave={() => setHoveredContributor('')} + > + {maintainersData.some( + (data) => data.login === contributor.login + ) ? ( + hoveredContributor === contributor.login ? ( + Maintainer + ) : ( + M + ) + ) : hoveredContributor === contributor.login ? ( + Contributor + ) : ( + C + )} +
diff --git a/styles/globals.css b/styles/globals.css index 360b87619..389fa7593 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -170,8 +170,33 @@ pre { scrollbar-width: thin; scrollbar-color: var(--scroll-thumb) var(--scroll-track); } -@media (min-width:597px) and (max-width:800px){ - .grid-cols-1 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } +@media (min-width: 597px) and (max-width: 800px) { + .grid-cols-1 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } +} + +.image-wrapper { + position: relative; +} + +.image-effect { + position: relative; + top: 20px; + right: 15px; +} + +.image-effect:hover span { + position: absolute; + top: -2px; + left: -1px; + white-space: nowrap; + padding: 0.3rem 1rem; + font-size: 0.75rem; + font-weight: 500; + background-color: #6b46c1; + color: white; + border-radius: 2rem; + border-top-left-radius: 2rem; + border-bottom-left-radius: 2rem; +} From 1bae46c81cd549b4fb177768288a6fe531284df5 Mon Sep 17 00:00:00 2001 From: Tayyab Date: Sun, 23 Jul 2023 07:43:47 +0530 Subject: [PATCH 19/29] added dart subcategory --- database/data.ts | 1 + database/index.ts | 1 + database/languages/dart.json | 9 +++++++++ 3 files changed, 11 insertions(+) create mode 100644 database/languages/dart.json diff --git a/database/data.ts b/database/data.ts index c2c45276d..ef395534c 100644 --- a/database/data.ts +++ b/database/data.ts @@ -92,6 +92,7 @@ export const sidebarData: ISidebar[] = [ { name: 'Java', url: '/java', resources: DB.java }, { name: 'Kotlin', url: '/kotlin', resources: DB.kotlin }, { name: 'Rust', url: '/rust', resources: DB.Rust }, + {name:'Dart', url: '/dart', resources: DB.dart}, ], }, { diff --git a/database/index.ts b/database/index.ts index 2b0e4e7b4..8f07dfcc6 100644 --- a/database/index.ts +++ b/database/index.ts @@ -33,6 +33,7 @@ export { default as kotlin } from './languages/kotlin.json' export { default as Rust } from './languages/rust.json' export { default as java } from './languages/java.json' export { default as cpp } from './languages/cpp.json' +export {default as dart} from './languages/dart.json' //artificial intelligence export { default as artificialIntelligence } from './artificial_intelligence/artificial-intelligence.json' //machine learning diff --git a/database/languages/dart.json b/database/languages/dart.json new file mode 100644 index 000000000..b7f050f76 --- /dev/null +++ b/database/languages/dart.json @@ -0,0 +1,9 @@ +[ + { + "name":"Dart Programming Tutorial For Absolute Beginners", + "description":"Embark on an immersive 8-hour journey exploring the intricacies of the Dart programming language. Tailored to cater to a diverse audience, this course welcomes beginners, seasoned programmers experienced in other languages, and even those with no prior coding background.", + "url":"https://youtu.be/Fqcsow_7go4", + "category":"languages", + "subcategory":"dart" + } +] \ No newline at end of file From e86868af0e0b83e0d9499014b7b4df0f0e48309d Mon Sep 17 00:00:00 2001 From: AhorIsaac Date: Mon, 24 Jul 2023 16:29:39 +0100 Subject: [PATCH 20/29] Add DevHints.io React.js cheatsheet to the Frontend/React category. --- database/frontend/react.json | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/database/frontend/react.json b/database/frontend/react.json index b89f1dc60..e587b9876 100644 --- a/database/frontend/react.json +++ b/database/frontend/react.json @@ -84,5 +84,12 @@ "url": "https://youtu.be/nDGA3km5He4", "category": "frontend", "subcategory": "react" + }, + { + "name": "DEVHINTS.IO React.js Cheatsheeet", + "description": "This is a React.js cheatsheet that gives a comprehensive guide on the most fundamental concepts of React.js, and it offers a knowledge management approach to help remember those concepts easily.", + "url": "https://devhints.io/react", + "category": "frontend", + "subcategory": "react" } -] +] \ No newline at end of file From 2fd97b87ee17aaf97c46c1f9f8aaa35181cd2ee6 Mon Sep 17 00:00:00 2001 From: Ahor Isaac <78865708+AhorIsaac@users.noreply.github.com> Date: Mon, 24 Jul 2023 16:46:10 +0100 Subject: [PATCH 21/29] Update react.json The word Cheatsheet was misspelled in the value of the name key. --- database/frontend/react.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/database/frontend/react.json b/database/frontend/react.json index e587b9876..9dde78de6 100644 --- a/database/frontend/react.json +++ b/database/frontend/react.json @@ -86,10 +86,10 @@ "subcategory": "react" }, { - "name": "DEVHINTS.IO React.js Cheatsheeet", + "name": "DEVHINTS.IO React.js Cheatsheet", "description": "This is a React.js cheatsheet that gives a comprehensive guide on the most fundamental concepts of React.js, and it offers a knowledge management approach to help remember those concepts easily.", "url": "https://devhints.io/react", "category": "frontend", "subcategory": "react" } -] \ No newline at end of file +] From b609257fb533d3e1d9046aaa1fd571733ea68e7e Mon Sep 17 00:00:00 2001 From: Christine Belzie <105683440+CBID2@users.noreply.github.com> Date: Mon, 24 Jul 2023 20:15:18 -0400 Subject: [PATCH 22/29] fix: revise grammatical errors --- database/frontend/react.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/database/frontend/react.json b/database/frontend/react.json index 9dde78de6..f8ed5ebb2 100644 --- a/database/frontend/react.json +++ b/database/frontend/react.json @@ -1,7 +1,7 @@ [ { "name": "React js", - "description": "Free online course for learning react js", + "description": "Free online course for learning React js", "url": "https://scrimba.com/learn/learnreact#", "category": "frontend", "subcategory": "react", @@ -9,7 +9,7 @@ }, { "name": "React js", - "description": "Free React course in order to learn fundamentals of React by FreeCodeCamp. This course is beginner friendly and easy to understand and to apply in large codebase.", + "description": "This freecodecamp course is beginner friendly and provides information that developers can apply in large codebases.", "url": "https://youtu.be/4UZrsTqkcW4", "category": "frontend", "subcategory": "react", @@ -87,7 +87,7 @@ }, { "name": "DEVHINTS.IO React.js Cheatsheet", - "description": "This is a React.js cheatsheet that gives a comprehensive guide on the most fundamental concepts of React.js, and it offers a knowledge management approach to help remember those concepts easily.", + "description": "This React.js cheatsheet gives comprehensive information on the language's fundamental concepts and implements a knowledge management approach to help developers understand them.", "url": "https://devhints.io/react", "category": "frontend", "subcategory": "react" From 154442786bf9e85b77101538e2d691c72a23f192 Mon Sep 17 00:00:00 2001 From: Christine Belzie <105683440+CBID2@users.noreply.github.com> Date: Mon, 24 Jul 2023 20:43:33 -0400 Subject: [PATCH 23/29] fix: reformatted JSON file --- database/resources/official-docs.json | 55 ++++----------------------- 1 file changed, 8 insertions(+), 47 deletions(-) diff --git a/database/resources/official-docs.json b/database/resources/official-docs.json index 79cbb8976..1985c214a 100644 --- a/database/resources/official-docs.json +++ b/database/resources/official-docs.json @@ -1,46 +1,4 @@ [ - { - "name": "React", - "description": "This page is an overview of the React documentation and related resources.", - "url": "https://legacy.reactjs.org/docs/getting-started.html", - "category": "resources", - "subcategory": "officialdocs" - }, - { - "name": "JavaScript", - "description": "This page is an overview of the JavaScript documentation and related resources.", - "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript", - "category": "resources", - "subcategory": "officialdocs" - }, - { - "name": "Flutter", - "description": "This page is an overview of the Flutter documentation and related resources.", - "url": "https://docs.flutter.dev/", - "category": "resources", - "subcategory": "officialdocs" - }, - { - "name": "Django", - "description": "This page gives an overview of the Django documentation and related resources.", - "url": "https://docs.djangoproject.com/en/4.2/", - "category": "resources", - "subcategory": "officialdocs" - }, - { - "name": "Next.js", - "description": "This documentation is a comprehensive resource for building fast, scalable, and production-ready web apps using Next.js.", - "url": "https://nextjs.org/", - "category": "resources", - "subcategory": "officialdocs" - }, - { - "name": "Angular", - "description": "This page is an overview of the Angular documentation and related resources.", - "url": "https://angular.io/docs", - "category": "resources", - "subcategory": "officialdocs" - }, { "name": "Vue.js", "description": "This page contains comprehensive documentation of Vue.js, a progressive JavaScript framework.", @@ -56,14 +14,17 @@ "subcategory": "officialdocs" }, { - - "name": "Tailwind Css", - "description": " Comprehensive documentation for the utility-first CSS framework, enabling efficient web development through its extensive class-based approach", + "name": "Tailwind CSS", + "description": "Comprehensive documentation for the utility-first CSS framework, enabling efficient web development through its extensive class-based approach.", "url": "https://tailwindcss.com/docs/installation", + "category": "resources", + "subcategory": "officialdocs" + }, + { "name": "Node.js", "description": "Node.js is built on top of the Google Chrome V8 JavaScript engine, and it's mainly used to create web servers - but it can be used for other purposes too.", "url": "https://nodejs.dev/en/learn/", "category": "resources", "subcategory": "officialdocs" - }, -] \ No newline at end of file + } +] From 4d6ba7dddf92d60f3177c75737e7e7239bb3aee9 Mon Sep 17 00:00:00 2001 From: Rupali Haldiya <78981177+rupali-codes@users.noreply.github.com> Date: Tue, 25 Jul 2023 14:53:56 +0530 Subject: [PATCH 24/29] chore: summarize colors (#1377) --- components/BackToTop/BackToTopButton.tsx | 4 ++-- components/Cards/Card.tsx | 8 +++---- .../CopyToClipboard/CopyToClipboard.tsx | 4 ++-- components/Footer/Footer.tsx | 4 ++-- components/ForkButton/GitHubForkButton.tsx | 11 ++-------- components/Header/Header.tsx | 13 +++++++----- components/MainContainer/MainContainer.tsx | 13 ------------ components/MainContainer/index.ts | 1 - components/NewIssue/NewIssue.tsx | 15 ++++++------- components/Searchbar/Searchbar.tsx | 21 +++++++------------ components/SideNavbar/SideNavbar.tsx | 2 +- components/SideNavbar/SideNavbarBody.tsx | 4 ++-- components/SideNavbar/SideNavbarCategory.tsx | 4 ++-- components/SideNavbar/SideNavbarElement.tsx | 10 ++++----- components/SideNavbar/SideNavbarHeader.tsx | 2 +- components/SkipLink/SkipLink.tsx | 2 +- .../SocialMedia/SocialMediaIconsList.tsx | 14 ++++++------- components/StarButton/GitHubStarButton.tsx | 8 +++---- components/ThemeToggler/themeToggler.tsx | 6 +++--- components/logo/index.tsx | 16 -------------- components/logo/logo.tsx | 16 ++++++++++++++ components/popup/index.tsx | 8 +++---- components/popup/popupCategoryDesc.tsx | 4 ++-- pages/index.tsx | 2 +- styles/globals.css | 16 -------------- tailwind.config.js | 11 ++++++++++ 26 files changed, 92 insertions(+), 127 deletions(-) delete mode 100644 components/MainContainer/MainContainer.tsx delete mode 100644 components/MainContainer/index.ts delete mode 100644 components/logo/index.tsx create mode 100644 components/logo/logo.tsx diff --git a/components/BackToTop/BackToTopButton.tsx b/components/BackToTop/BackToTopButton.tsx index 2d43e630b..ffe7861c0 100644 --- a/components/BackToTop/BackToTopButton.tsx +++ b/components/BackToTop/BackToTopButton.tsx @@ -40,7 +40,7 @@ export const BackToTopButton = () => { return null } - const buttonClasses = `focus:animate-button-press rounded-full border border-white bg-violet-600 p-4 text-white shadow-xl duration-300 transition-colors focus:ring group-hover:border-dashed group-hover:border-violet-400 group-hover:bg-white dark:drop-shadow-[5px_5px_8px_rgba(124,58,237,0.25)] dark:group-hover:bg-[#101623] md:border-violet-600 ${ + const buttonClasses = `focus:animate-button-press rounded-full border border-light-primary bg-theme-secondary p-4 text-light-primary shadow-xl duration-300 transition-colors focus:ring group-hover:border-dashed group-hover:border-theme-primary group-hover:bg-light-primary dark:drop-shadow-[5px_5px_8px_rgba(124,58,237,0.25)] dark:group-hover:bg-[#101623] md:border-violet-600 ${ status === 'preEnter' || status === 'exiting' ? 'opacity-0 translate-y-3' : '' @@ -53,7 +53,7 @@ export const BackToTopButton = () => { onClick={handleClick} title="Back to top" > - + 👾 diff --git a/components/Cards/Card.tsx b/components/Cards/Card.tsx index 9b2925bff..bd1ef2311 100644 --- a/components/Cards/Card.tsx +++ b/components/Cards/Card.tsx @@ -22,11 +22,11 @@ const Card: FC = ({ data }) => { }, []) return ( -
+

{name} @@ -41,7 +41,7 @@ const Card: FC = ({ data }) => { {description}

{isOverflow && ( -

+

Read More

)} @@ -53,7 +53,7 @@ const Card: FC = ({ data }) => { target="_blank" rel="noopener noreferrer" className={ - 'mt-2 flex w-full items-center justify-center gap-2 rounded-2xl border border-dashed border-transparent bg-violet-600 px-6 py-2 text-center text-white duration-100 hover:border-violet-400 hover:bg-transparent hover:text-violet-500 dark:hover:text-violet-400' + 'mt-2 flex w-full items-center justify-center gap-2 rounded-2xl border border-dashed border-transparent bg-theme-secondary px-6 py-2 text-center text-light-primary duration-100 hover:border-theme-primary hover:bg-transparent hover:text-theme-secondary dark:hover:text-theme-primary' } > Visit site diff --git a/components/CopyToClipboard/CopyToClipboard.tsx b/components/CopyToClipboard/CopyToClipboard.tsx index 0705c066f..dac287271 100644 --- a/components/CopyToClipboard/CopyToClipboard.tsx +++ b/components/CopyToClipboard/CopyToClipboard.tsx @@ -18,11 +18,11 @@ export const CopyToClipboard = ({ url }: CopyToClipboardProps): JSX.Element => {
handleCopy(e)} /> -

+

{success ? 'Copied!' : 'Copy'}

diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx index eae57f236..e31198c7d 100644 --- a/components/Footer/Footer.tsx +++ b/components/Footer/Footer.tsx @@ -7,12 +7,12 @@ export const Footer: FC = () => { const isDarkMode = resolvedTheme === 'dark' const nameStyles = `underline ${ - isDarkMode ? 'text-gray-200' : 'text-violet-700' + isDarkMode ? 'text-light-primary' : 'text-theme-secondary' } ` return (