Merge pull request #59 from dmuyah/57@muyah

57@muyah

Author: orama254

CONTRIBUTING.md

@@ -8,17 +8,28 @@ 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
+1. Set up your development environment 
+    - install your favorite text editor/IDE
+    - install [Nodejs](nodejs.org)
+   
+  
+    <br>
 
 2. Clone your fork
 
@@ -49,37 +60,47 @@ $ git merge upstream/develop
 
 3. Install dependencies
 
-```
-$ yarn
-```
+  ```
+  $ yarn install
+  ```
 or
 
 ```
 $ npm install
 ```
+<br>
+
+### Make awesome changes! 
+
+<br>
+
 
-### Make awesome changes!
 
 1. Create new branch for your changes
 
 ```
 $ git checkout -b new_branch_name
 ```
 
-2. Start developing!
+2. start development server
 
 ```
-$ yarn start
+$ yarn run dev
 ```
 or 
 ```
-npm start
+npm run dev
 ```
 
+<br>
+
+### Start developing! 
+<br>
+
 - Open this directory in your favorite text editor / IDE, and see your changes live by visiting `localhost:3000` from your browser
 - Pro Tip: Explore scripts within `package.json` for more build options
 
-3. Commit and prepare for pull request (PR). In your PR commit message, reference the issue it resolves (see [how to link a commit message 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).
+1. Commit and prepare for pull request (PR). In your PR commit message, reference the issue it resolves (see [how to link a commit message 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).
 
 ```
 $ git commit -m "brief description of changes [Fixes #1234]"
@@ -91,7 +112,7 @@ $ git commit -m "brief description of changes [Fixes #1234]"
 $ git push
 ```
 
-### Submit your PR
+### Submit your Pull Request (PR)🚀
 
 - 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))

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 React Developers Kenya
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

components/Navbar.jsx

@@ -18,7 +18,7 @@ const Navbar = () => {
       <header className="px-[181px] w-full shadow-md bg-white">
         <nav className="nav py-4 flex justify-between items-center">
           <div>
-            <Link href={HOME}>
+           <Link href={HOME}>
               <a>
               <Image src={logo} alt="reactdevske logo" width={137} height={60} />
               </a>

pages/index.jsx

@@ -25,7 +25,7 @@ export default function Home() {
           React Developer Community Kenya
         </h1>
         <p className="text-center text-xl text-white font-montserrat">
-          A Community of Reactjs developers in Kenya
+          A Community of Reactjs developers in Kenya 
         </p>
         <div className="flex flex-col justify-center content-center">
           <Image

styles/Home.module.css

@@ -106,8 +106,9 @@
 .logo {
   height: 1em;
   margin-left: 0.5rem;
-}
+  }
 
+  
 @media (max-width: 600px) {
   .grid {
     width: 100%;