chore(ci):linter rules applied to codebase

Author: orama254

.github/ISSUE_TEMPLATE/feature.yml

@@ -11,4 +11,4 @@ body:
   - type: textarea
     attributes:
       label: Describe your issue
-      description: Describe the new feature you want to add
+      description: Describe the new feature you want to add

CODE_OF_CONDUCT.md

@@ -14,22 +14,22 @@ appearance, race, religion, or sexual identity and orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
+- The use of sexualized language or imagery and unwelcome sexual attention or
+  advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
 
 ## Our Responsibilities
 

CONTRIBUTING.md

@@ -8,28 +8,27 @@ Please note we have a [code of conduct](https://github.com/reactdeveloperske/rea
 
 - Create a [new issue](https://github.com/reactdeveloperske/reactdevske-website/issues)
 - Comment on the issue (if you'd like to be assigned to it) - that way the issue can be assigned to you.
-  
+
 ### Open issues
+
 - Go to [open issues](https://github.com/reactdeveloperske/reactdevske-website/issues)
 - select an issue of your choice that is `open` or `need help` or is `up-for-grabs` and is not assigned.
 - Comment on the issue (if you'd like to be assigned to it) - that way the issue can be assigned to you.
-  
 
 ### Fork the repository (repo)
 
 - If you're not sure, here's how to [fork the repo](https://help.github.com/en/articles/fork-a-repo)
 
-
-### Set up your local environment (optional) 
+### Set up your local environment (optional)
 
 If you're ready to contribute and create your PR, it will help to set up a local environment so you can see your changes.
 
-1. Set up your development environment 
-    - install your favorite text editor/IDE
-    - install [Nodejs](nodejs.org)
-   
-  
-    <br>
+1. Set up your development environment
+
+   - install your favorite text editor/IDE
+   - install [Nodejs](nodejs.org)
+
+   <br>
 
 2. Clone your fork
 
@@ -45,7 +44,6 @@ If you've already forked the repo, you'll want to ensure your fork is configured
 
 To [configure your fork](https://docs.github.com/en/github/collaborating-with-issues-and-pull-requests/configuring-a-remote-for-a-fork):
 
-
 ```
 $ git remote add upstream https://github.com/reactdeveloperske/reactdevske-website.git
 ```
@@ -60,21 +58,21 @@ $ git merge upstream/develop
 
 3. Install dependencies
 
-  ```
-  $ yarn install
-  ```
+```
+$ yarn install
+```
+
 or
 
 ```
 $ npm install
 ```
-<br>
-
-### Make awesome changes! 
 
 <br>
 
+### Make awesome changes!
 
+<br>
 
 1. Create new branch for your changes
 
@@ -87,14 +85,17 @@ $ git checkout -b new_branch_name
 ```
 $ yarn run dev
 ```
-or 
+
+or
+
 ```
 npm run dev
 ```
 
 <br>
 
-### Start developing! 
+### Start developing!
+
 <br>
 
 - Open this directory in your favorite text editor / IDE, and see your changes live by visiting `localhost:3000` from your browser
@@ -117,4 +118,3 @@ $ git push
 - After your changes are commited to your GitHub fork, submit a pull request (PR) to the `develop` branch of the `reactdeveloperske/reactdevske-website` repo
 - In your PR description, reference the issue it resolves (see [linking a pull request to an issue using a keyword](https://docs.github.com/en/free-pro-team@latest/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue#linking-a-pull-request-to-an-issue-using-a-keyword))
   - ex. `Updates out of date content [Fixes #1234]`
-

README.md

@@ -5,12 +5,10 @@
 
 This is the repo for the showcase website of the React Developer Community in Kenya
 
-
 Check out the live version [HERE](https://reactdevske.vercel.app/)
 
 ## Contributing to the project
 
-
 Contributions are always welcome!
 
 See [`contributing.md`](https://github.com/reactdeveloperske/reactdevske-website/blob/main/CONTRIBUTING.md) for ways to get started.

e2e/default.spec.js

@@ -2,12 +2,12 @@
 const { test, expect } = require('@playwright/test');
 
 test.beforeEach(async ({ page }) => {
-    await page.goto('http://localhost:3000');
-  });
+  await page.goto('http://localhost:3000');
+});
 
 test.describe('Basic test', () => {
-    test('should show the title', async ({ page }) => {
-        const title = page.locator('title');
-        await expect(title).toHaveText('Reactjs Developer Community in Kenya');
-      });
-});
+  test('should show the title', async ({ page }) => {
+    const title = page.locator('title');
+    await expect(title).toHaveText('Reactjs Developer Community in Kenya');
+  });
+});

next.config.js

@@ -3,11 +3,11 @@ const nextConfig = {
   reactStrictMode: true,
   pageExtensions: ['page.jsx', 'api.js'],
   eslint: {
-    dirs: ['src','e2e'],
+    dirs: ['src', 'e2e'],
   },
-  images:{
-    domains:['bit.ly']
-  }
-}
+  images: {
+    domains: ['bit.ly'],
+  },
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;

playwright.config.js

@@ -7,7 +7,6 @@ const { devices } = require('@playwright/test');
  */
 // require('dotenv').config();
 
-
 /**
  * @see https://playwright.dev/docs/test-configuration
  * @type {import('@playwright/test').PlaywrightTestConfig}
@@ -21,7 +20,7 @@ const config = {
      * Maximum time expect() should wait for the condition to be met.
      * For example in `await expect(locator).toHaveText();`
      */
-    timeout: 5000
+    timeout: 5000,
   },
   /* Run tests in files in parallel */
   fullyParallel: true,

postcss.config.js

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};

public/index.html

@@ -1,48 +1,125 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <!-- Primary Meta Tags -->
-<title>Reactjs Developer Community in Kenya</title>
-<meta name="title" content="Reactjs Developer Community in Kenya">
-<meta name="description" content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system.">
+    <title>Reactjs Developer Community in Kenya</title>
+    <meta name="title" content="Reactjs Developer Community in Kenya" />
+    <meta
+      name="description"
+      content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system."
+    />
 
-<!-- Open Graph / Facebook -->
-<meta property="og:type" content="website">
-<meta property="og:url" content="https://reactdevske.netlify.app/">
-<meta property="og:title" content="Reactjs Developer Community in Kenya">
-<meta property="og:description" content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system.">
-<meta property="og:image" content="https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1623830704/og_Image_banner_reactdevske_g3htri.png
-">
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://reactdevske.netlify.app/" />
+    <meta property="og:title" content="Reactjs Developer Community in Kenya" />
+    <meta
+      property="og:description"
+      content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system."
+    />
+    <meta
+      property="og:image"
+      content="https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1623830704/og_Image_banner_reactdevske_g3htri.png
+"
+    />
 
-<!-- Twitter -->
-<meta property="twitter:card" content="summary_large_image">
-<meta property="twitter:url" content="https://reactdevske.netlify.app/">
-<meta property="twitter:title" content="Reactjs Developer Community in Kenya">
-<meta property="twitter:description" content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system.">
-<meta property="twitter:image" content="https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1623830704/og_Image_banner_reactdevske_g3htri.png
-">
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://reactdevske.netlify.app/" />
+    <meta
+      property="twitter:title"
+      content="Reactjs Developer Community in Kenya"
+    />
+    <meta
+      property="twitter:description"
+      content="React js Developer Community Kenya is a community of react js developers using react related technologies in the Kenyan software development eco system."
+    />
+    <meta
+      property="twitter:image"
+      content="https://res.cloudinary.com/reactjs-devs-ke/image/upload/v1623830704/og_Image_banner_reactdevske_g3htri.png
+"
+    />
     <link rel="icon" href="%25PUBLIC_URL%25/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <link rel="apple-touch-icon" href="%25PUBLIC_URL%25/logo192.png" />
     <link rel="manifest" href="%25PUBLIC_URL%25/manifest.json" />
-    <link rel="apple-touch-icon" sizes="57x57" href="%25PUBLIC_URL%25/apple-icon-57x57.png">
-    <link rel="apple-touch-icon" sizes="60x60" href="%25PUBLIC_URL%25/apple-icon-60x60.png">
-    <link rel="apple-touch-icon" sizes="72x72" href="%25PUBLIC_URL%25/apple-icon-72x72.png">
-    <link rel="apple-touch-icon" sizes="76x76" href="%25PUBLIC_URL%25/apple-icon-76x76.png">
-    <link rel="apple-touch-icon" sizes="114x114" href="%25PUBLIC_URL%25/apple-icon-114x114.png">
-    <link rel="apple-touch-icon" sizes="120x120" href="%25PUBLIC_URL%25/apple-icon-120x120.png">
-    <link rel="apple-touch-icon" sizes="144x144" href="%25PUBLIC_URL%25/apple-icon-144x144.png">
-    <link rel="apple-touch-icon" sizes="152x152" href="%25PUBLIC_URL%25/apple-icon-152x152.png">
-    <link rel="apple-touch-icon" sizes="180x180" href="%25PUBLIC_URL%25/apple-icon-180x180.png">
-    <link rel="icon" type="image/png" sizes="192x192"  href="%25PUBLIC_URL%25/android-icon-192x192.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="%25PUBLIC_URL%25/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="96x96" href="%25PUBLIC_URL%25/favicon-96x96.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="%25PUBLIC_URL%25/favicon-16x16.png">
-    <meta name="msapplication-TileColor" content="#ffffff">
-    <meta name="msapplication-TileImage" content="%PUBLIC_URL%/ms-icon-144x144.png">
-    <meta name="theme-color" content="#ffffff">
+    <link
+      rel="apple-touch-icon"
+      sizes="57x57"
+      href="%25PUBLIC_URL%25/apple-icon-57x57.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="60x60"
+      href="%25PUBLIC_URL%25/apple-icon-60x60.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="72x72"
+      href="%25PUBLIC_URL%25/apple-icon-72x72.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="76x76"
+      href="%25PUBLIC_URL%25/apple-icon-76x76.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="114x114"
+      href="%25PUBLIC_URL%25/apple-icon-114x114.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="120x120"
+      href="%25PUBLIC_URL%25/apple-icon-120x120.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="144x144"
+      href="%25PUBLIC_URL%25/apple-icon-144x144.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="%25PUBLIC_URL%25/apple-icon-152x152.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="%25PUBLIC_URL%25/apple-icon-180x180.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="192x192"
+      href="%25PUBLIC_URL%25/android-icon-192x192.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="%25PUBLIC_URL%25/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="96x96"
+      href="%25PUBLIC_URL%25/favicon-96x96.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="%25PUBLIC_URL%25/favicon-16x16.png"
+    />
+    <meta name="msapplication-TileColor" content="#ffffff" />
+    <meta
+      name="msapplication-TileImage"
+      content="%PUBLIC_URL%/ms-icon-144x144.png"
+    />
+    <meta name="theme-color" content="#ffffff" />
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>