Merge pull request #70 from orama254/develop

backlog task: add eslint and prettier to the project

Author: orama254

.eslintrc.json

@@ -0,0 +1,7 @@
+{
+  "extends": ["next", "next/core-web-vitals", "prettier", "eslint:recommended"],
+  "globals": {
+    "React": "readonly"
+  },
+  "rules": {}
+}

.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

.gitignore

@@ -35,7 +35,6 @@ yarn-error.log*
 yarn.lock
 
 #eslint
-.eslintrc.json
 /test-results/
 /playwright-report/
 /playwright/.cache/

.prettierignore

@@ -0,0 +1,4 @@
+.yarn
+.next
+dist
+node_modules

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true
+}

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;