Merge branch 'main' of https://github.com/NishidhJain/hacktoberfest-projects into ui-enhacement/repo-cards-redesign

Author: NishidhJain20

.all-contributorsrc

@@ -334,6 +334,24 @@
         "design",
         "code"
       ]
+    },
+    {
+      "login": "beyzanur-seyhan",
+      "name": "Beyzanur Seyhan",
+      "avatar_url": "https://avatars.githubusercontent.com/u/80166639?v=4",
+      "profile": "https://github.com/beyzanur-seyhan",
+      "contributions": [
+        "code"
+      ]
+    },
+    {
+      "login": "maitri-vv",
+      "name": "maitri-vv",
+      "avatar_url": "https://avatars.githubusercontent.com/u/87691594?v=4",
+      "profile": "https://maitri-vv.github.io/Maitri-sPortfolio/",
+      "contributions": [
+        "code"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.github/workflows/check-linting-and-format.yml

@@ -14,19 +14,28 @@ jobs:
   run-linters:
     name: Run linters
     runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [18]
 
     steps:
       - name: Check out Git repository
         uses: actions/checkout@v2
 
-      - name: Set up Node.js
-        uses: actions/setup-node@v1
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v2
         with:
-          node-version: 18
+          version: 8
+
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'pnpm'
 
       # ESLint and Prettier must be in `package.json`
-      - name: Install Node.js dependencies
-        run: npm ci
+      - name: Install dependencies
+        run: pnpm install
 
       - name: Run linters
         uses: wearerequired/lint-action@v2

README.md

@@ -1,15 +1,24 @@
 # Hacktoberfest Projects 🎉
 
-A Web app which lets you find eligible repositories for Hacktoberfest 2022!
+A Web app that lets you find eligible repositories for Hacktoberfest 2022!
+
+Use it here - https://finder.usmans.me
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-34-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-36-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 <a href="https://gitmoji.dev">
   <img src="https://img.shields.io/badge/gitmoji-%20😜%20😍-FFDD67.svg?style=flat-square" alt="Gitmoji">
 </a>
 
-## Run Locally
+
+## Contributing
+
+Contributions are always welcome!
+
+> Pull Requests about adding languages will not be merged, if you want to suggest adding a new language, please [create an issue](https://github.com/max-programming/hacktoberfest-projects/issues/new) for that 🙂
+
+### Run Locally
 
 Clone the project
 
@@ -23,20 +32,16 @@ Go to the project directory
 cd hacktoberfest-projects
 ```
 
-Install dependencies
+Install dependencies (if you want to use `npm` you can use but its recommended to use `pnpm`)
 
 ```bash
-yarn
-# or
-npm install
+pnpm i
 ```
 
 Start the server
 
 ```bash
-yarn dev
-# or
-npm run dev
+pnpm dev
 ```
 
 ## Tech Stack
@@ -46,11 +51,6 @@ npm run dev
 - [Tailwind CSS](https://tailwindcss.com/)
 - [Daisy UI](http://daisyui.com)
 
-## Contributing
-
-Contributions are always welcome!
-
-> Pull Requests about adding languages will not be merged, if you want to suggest adding a new language, please [create an issue](https://github.com/max-programming/hacktoberfest-projects/issues/new) for that 🙂
 
 ## Feedback
 
@@ -116,7 +116,11 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
       <td align="center" valign="top" width="14.28%"><a href="https://snehafarkya.vercel.app"><img src="https://avatars.githubusercontent.com/u/63949465?v=4?s=100" width="100px;" alt="Sneha Farkya"/><br /><sub><b>Sneha Farkya</b></sub></a><br /><a href="#design-snehafarkya" title="Design">🎨</a></td>
       <td align="center" valign="top" width="14.28%"><a href="http://www.sadiksaifi.dev"><img src="https://avatars.githubusercontent.com/u/86684667?v=4?s=100" width="100px;" alt="Sadik Saifi"/><br /><sub><b>Sadik Saifi</b></sub></a><br /><a href="#design-sadiksaifi" title="Design">🎨</a> <a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=sadiksaifi" title="Code">💻</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://donno2048.github.io/Portfolio/"><img src="https://avatars.githubusercontent.com/u/61805754?v=4?s=100" width="100px;" alt="Elisha Hollander"/><br /><sub><b>Elisha Hollander</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=donno2048" title="Code">💻</a></td>
-<td align="center" valign="top" width="14.28%"><a href="https://github.com/NishidhJain"><img src="https://avatars.githubusercontent.com/u/61869195?v=4?s=100" width="100px;" alt="Nishidh Jain"/><br /><sub><b>Nishidh Jain</b></sub></a><br /><a href="#design-NishidhJain" title="Design">🎨</a> <a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=NishidhJain" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/NishidhJain"><img src="https://avatars.githubusercontent.com/u/61869195?v=4?s=100" width="100px;" alt="Nishidh Jain"/><br /><sub><b>Nishidh Jain</b></sub></a><br /><a href="#design-NishidhJain" title="Design">🎨</a> <a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=NishidhJain" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/beyzanur-seyhan"><img src="https://avatars.githubusercontent.com/u/80166639?v=4?s=100" width="100px;" alt="Beyzanur Seyhan"/><br /><sub><b>Beyzanur Seyhan</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=beyzanur-seyhan" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://maitri-vv.github.io/Maitri-sPortfolio/"><img src="https://avatars.githubusercontent.com/u/87691594?v=4?s=100" width="100px;" alt="maitri-vv"/><br /><sub><b>maitri-vv</b></sub></a><br /><a href="https://github.com/max-programming/hacktoberfest-projects/commits?author=maitri-vv" title="Code">💻</a></td>
     </tr>
   </tbody>
 </table>

components/ContributorCard.tsx

@@ -1,3 +1,5 @@
+import { env } from 'env.mjs';
+import { CldImage, getCldImageUrl } from 'next-cloudinary';
 import { IoLogoGithub } from 'react-icons/io';
 
 interface Contributor {
@@ -13,6 +15,15 @@ interface Props {
 }
 
 export default function ContributorCard({ contributor }: Props) {
+  const url = env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
+    ? getCldImageUrl({
+        src: contributor.avatar_url,
+        deliveryType: 'fetch',
+        width: 250,
+        height: 250
+      })
+    : contributor.avatar_url;
+
   return (
     <div className="text-center shadow-2xl card">
       <a
@@ -21,16 +32,15 @@ export default function ContributorCard({ contributor }: Props) {
         rel="noreferrer"
       >
         <figure className="px-10 pt-10">
-          <img
-            src={contributor.avatar_url}
-            alt={contributor.name}
-            className="rounded-xl"
-          />
+          <img src={url} alt={contributor.name} className="rounded-xl" />
         </figure>
       </a>
       <div className="card-body items-center text-center">
         <h2 className="card-title text-neutral-100">{contributor.name}</h2>
-        <a href={contributor.profile} className="link text-neutral-100 hover:text-[#dbe8d9]">
+        <a
+          href={contributor.profile}
+          className="link text-neutral-100 hover:text-[#dbe8d9]"
+        >
           {contributor.profile}
         </a>
         <div className="justify-center card-actions">

components/Hero.tsx

@@ -65,6 +65,7 @@ function Hero() {
                 placeholder="Search for your language"
                 className="input input-bordered w-full text-neutral-100 border-2023-bavarian-gold-2 focus:outline-2023-bavarian-gold-2 max-w-xs rounded-tr-none rounded-br-none bg-transparent"
                 name="search"
+                autoComplete="off"
               />
               <button
                 type="submit"
@@ -89,7 +90,7 @@ const SearchIcon = () => (
   <svg
     className="w-6 h-6"
     fill="none"
-    stroke="currentColor"
+    stroke="white"
     viewBox="0 0 24 24"
     xmlns="http://www.w3.org/2000/svg"
   >

components/StarsFilter.tsx

@@ -53,6 +53,7 @@ export default function StarsFilter() {
                 field.onChange(parseInt(e.target.value, 10));
               }}
               placeholder="Star's Starting Range"
+              min="0"
             />
           )}
           control={control}
@@ -68,6 +69,7 @@ export default function StarsFilter() {
                 field.onChange(parseInt(e.target.value, 10));
               }}
               placeholder="Star's Finish Range"
+              min="0"
             />
           )}
           control={control}

env.mjs

@@ -5,13 +5,12 @@ export const env = createEnv({
   server: {
     GITHUB_TOKEN: z.string().optional()
   },
-  client: {},
-  // If you're using Next.js < 13.4.4, you'll need to specify the runtimeEnv manually
+  client: {
+    NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME: z.string().optional()
+  },
   runtimeEnv: {
-    GITHUB_TOKEN: process.env.GITHUB_TOKEN
+    GITHUB_TOKEN: process.env.GITHUB_TOKEN,
+    NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME:
+      process.env.NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME
   }
-  // For Next.js >= 13.4.4, you only need to destructure client variables:
-  // experimental__runtimeEnv: {
-  //   NEXT_PUBLIC_PUBLISHABLE_KEY: process.env.NEXT_PUBLIC_PUBLISHABLE_KEY,
-  // }
 });

next.config.mjs

@@ -3,9 +3,6 @@ await import('./env.mjs');
 /** @type {import('next').NextConfig} */
 const config = {
   reactStrictMode: true,
-  images: {
-    domains: ['avatars.githubusercontent.com', 'raw.githubusercontent.com']
-  },
   async redirects() {
     return [
       {