feat: 📝 First release (#8)

1. Added prettier 2. Added semantic release 3. Updated workflow
1itachi · May 1, 2021 · 2783958 · 2783958
1 parent 144404c
commit 2783958
Show file tree

Hide file tree

Showing 20 changed files with 696 additions and 437 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -1,23 +1,38 @@
-name: "My Workflow"
+name: "CI"
 
 on:
   push:
     branches: [master]
 
 jobs:
-  deploy:
+  Release & deploy:
     name: "Deploy to Netlify"
     runs-on: ubuntu-latest
-
     steps:
+
       - uses: actions/checkout@v2
+
       - name: Set up Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v2
+        with:   
+          node-version: '12'
+
       - name: Install dependencies
         run: npm install
-      - name: file structure
-        run: tree
+
+      - name: build
+        run: npm run build
+
+      - name: install semantic dependencies
+        run: npm i -g semantic-release @semantic-release/commit-analyzer @semantic-release/release-notes-generator @semantic-release/changelog @semantic-release/npm @semantic-release/github @semantic-release/git
+
+      - name: Release
+        run: npx semantic-release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
       - uses: jsmrcaga/action-netlify-deploy@v1.1.0
         with:
           NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH }}
           NETLIFY_SITE_ID: 16382a7f-99d3-4da5-8786-90709568fd63
+          NETLIFY_DEPLOY_TO_PROD: true
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,6 @@
+{
+    "printWidth": 80,
+    "singleQuote": true,
+    "trailingComma": "all",
+    "semi": false
+  }
diff --git a/.releaserc.json b/.releaserc.json
@@ -1,4 +1,3 @@
-
 {
     "branches": "master",
     "plugins": [
@@ -15,7 +14,7 @@
       [
         "@semantic-release/git",
         {
-          "assets": ["package.json", "package-lock.json", "CHANGELOG.md"],
+          "assets": ["package.json", "package-lock.json", "CHANGELOG.md"]
         }
       ]
     ]

diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/README.md b/README.md
@@ -1,3 +1,8 @@
 # portfolio
+![CI](https://github.com/itachi1994/portfolio/actions/workflows/deploy.yml/badge.svg)
+[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
+
+
+### Run locally using "npm start".
+## Contributions are welcomed. Please raise a PR with clear explanation of the contribution.
 
-Run locally using "npm start"
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "portfolio",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^4.2.4",
@@ -20,7 +20,9 @@
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "eject": "react-scripts eject",
+    "format": "prettier --write src/*.js src/Components/*.js"
+
   },
   "eslintConfig": {
     "extends": "react-app"

diff --git a/src/App.js b/src/App.js
@@ -1,14 +1,11 @@
-import React, {Component} from "react";
-import "./App.css";
-import MainPage from "./Components/MainPage";
-
+import React, { Component } from 'react'
+import './App.css'
+import MainPage from './Components/MainPage'
 
 class App extends Component {
-  render(){
-    return (      
-        <MainPage/>
-      );
+  render() {
+    return <MainPage />
   }
 }
 
-export default App;
+export default App
diff --git a/src/App.test.js b/src/App.test.js
@@ -1,9 +1,9 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import App from './App';
+import React from 'react'
+import { render } from '@testing-library/react'
+import App from './App'
 
 test('renders learn react link', () => {
-  const { getByText } = render(<App />);
-  const linkElement = getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
+  const { getByText } = render(<App />)
+  const linkElement = getByText(/learn react/i)
+  expect(linkElement).toBeInTheDocument()
+})
diff --git a/src/Components/About.js b/src/Components/About.js
@@ -1,66 +1,131 @@
-import React from "react";
-import "./component.css";
-import photo from '../photo.jpg';
-
+import React from 'react'
+import './component.css'
+import photo from '../photo.jpg'
 
 export default class About extends React.Component {
   render() {
-    return(
-        <section className="margin" id="about-id"> 
+    return (
+      <section className="margin" id="about-id">
         <div className="row">
-        <div className="col-sm-6">
-        <h3 className="headings head ml-4" >1. About Me</h3> 
-        <hr className="horizontal"/>
-        <div>
-        <p className="para-style">Shortly after my Bachelors from Malnad College of Engineering (VTU),
-        I joined <a className="anchor-style" href="https://www.brillio.com/" target="_blank">Brillio</a> as an Engineer, where I worked on multiple projects and POCs. 
-        I started with SAP ABAP, to build ERP solutions. Slowly, I switched to modern technologies like Node.Js and AWS.
-        At the time of leaving the company, I held the position as a Senior Engineer.</p>
-        </div>
-        <div>
-        <p className="para-style">
-        After getting some experience in the industry,
-        I joined <a className="anchor-style" href="https://www.khoury.northeastern.edu/" target="_blank">Northeastern University</a> to pursue my Master of Science in Computer Science. 
-        As part of my summer internship, I joined <a className="anchor-style" href="https://www.slalombuild.com/" target="_blank">Slalom Build</a> as a Software Engineer Intern, 
-        where I worked with a team of interns to build a mobile application using AWS, Bit Bucket pipelines,
-        App Center, Node.js, TypeScript and React Native.</p>
-        <p className="para-style">Currently, working as a Software Engineer Co-op at <a className="anchor-style" href="https://www.usa.philips.com/healthcare/" target="_blank">Philips</a>.</p>
-        </div>
-        <div>
+          <div className="col-sm-6">
+            <h3 className="headings head ml-4">1. About Me</h3>
+            <hr className="horizontal" />
             <div>
-            <p className="para-style">
-                Technologies I am working on:
-                <div className="mt-2">
-                <label className="label-style border border-info p-2 mr-2">AWS</label>
-                <label className="label-style border border-info p-2 mr-2">JavaScript</label>
-                <label className="label-style border border-info p-2 mr-2">Java</label>
-                <label className="label-style border border-info p-2 mr-2">Python</label>
-                <label className="label-style border border-info p-2 mr-2">Node.Js</label>
-                <label className="label-style border border-info p-2 mr-2">React.Js</label>
-                <label className="label-style border border-info p-2 mr-2">React Native</label>
-                <label className="label-style border border-info p-2 mr-2">SQL</label>
-                <label className="label-style border border-info p-2 mr-2">NoSQL</label>
-                <label className="label-style border border-info p-2 mr-2">TypeScript</label>
-                <label className="label-style border border-info p-2 mr-2">HTML</label>
-                <label className="label-style border border-info p-2 mr-2">CSS</label>
-                <label className="label-style border border-info p-2 mr-2">JQuery</label>
-                <label className="label-style border border-info p-2 mr-2">Git</label>
-                <label className="label-style border border-info p-2 mr-2">SVN</label>
-                </div>
-            </p>
+              <p className="para-style">
+                Shortly after my Bachelors from Malnad College of Engineering
+                (VTU), I joined{' '}
+                <a
+                  className="anchor-style"
+                  href="https://www.brillio.com/"
+                  target="_blank"
+                >
+                  Brillio
+                </a>{' '}
+                as an Engineer, where I worked on multiple projects and POCs. I
+                started with SAP ABAP, to build ERP solutions. Slowly, I
+                switched to modern technologies like Node.Js and AWS. At the
+                time of leaving the company, I held the position as a Senior
+                Engineer.
+              </p>
+            </div>
+            <div>
+              <p className="para-style">
+                After getting some experience in the industry, I joined{' '}
+                <a
+                  className="anchor-style"
+                  href="https://www.khoury.northeastern.edu/"
+                  target="_blank"
+                >
+                  Northeastern University
+                </a>{' '}
+                to pursue my Master of Science in Computer Science. As part of
+                my summer internship, I joined{' '}
+                <a
+                  className="anchor-style"
+                  href="https://www.slalombuild.com/"
+                  target="_blank"
+                >
+                  Slalom Build
+                </a>{' '}
+                as a Software Engineer Intern, where I worked with a team of
+                interns to build a mobile application using AWS, Bit Bucket
+                pipelines, App Center, Node.js, TypeScript and React Native.
+              </p>
+              <p className="para-style">
+                Currently, working as a Software Engineer Co-op at{' '}
+                <a
+                  className="anchor-style"
+                  href="https://www.usa.philips.com/healthcare/"
+                  target="_blank"
+                >
+                  Philips
+                </a>
+                .
+              </p>
+            </div>
+            <div>
+              <div>
+                <p className="para-style">
+                  Technologies I am working on:
+                  <div className="mt-2">
+                    <label className="label-style border border-info p-2 mr-2">
+                      AWS
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      JavaScript
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      Java
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      Python
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      Node.Js
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      React.Js
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      React Native
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      SQL
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      NoSQL
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      TypeScript
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      HTML
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      CSS
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      JQuery
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      Git
+                    </label>
+                    <label className="label-style border border-info p-2 mr-2">
+                      SVN
+                    </label>
+                  </div>
+                </p>
+              </div>
             </div>
           </div>
 
+          <div className="col-sm-6 center image-style">
+            <a href="https://www.linkedin.com/in/deepak-kumar-bb1810115/">
+              <img className="photo" src={photo} alt="Avatar"></img>
+            </a>
+          </div>
         </div>
-
-        <div className="col-sm-6 center image-style">
-        <a href = "https://www.linkedin.com/in/deepak-kumar-bb1810115/">
-        <img className="photo" src={photo} alt="Avatar"></img>
-        </a>
-        </div>
-
-      </div>
       </section>
-    );
+    )
   }
-}
+}
diff --git a/src/Components/Contact.js b/src/Components/Contact.js
@@ -1,27 +1,48 @@
-import React from "react";
-import "./component.css";
+import React from 'react'
+import './component.css'
 
 export default class Contact extends React.Component {
-    render() {
-        return(
-            <div className="margin contact " id="contact-id">
+  render() {
+    return (
+      <div className="margin contact " id="contact-id">
+        <h1 className="intro-start head">4. What's Next?</h1>
+        <h2 className="intro-name">Get In Touch</h2>
 
-                <h1 className="intro-start head">4. What's Next?</h1>
-                <h2 className="intro-name">Get In Touch</h2>
+        <p className="para-style mb-4">
+          {' '}
+          I am looking for fulltime starting Jan 2022. Looking forward to
+          connecting with you! <p>&#128512;</p>
+        </p>
 
-                <p className="para-style mb-4"> I am looking for 
-                fulltime starting Jan 2022. Looking forward to connecting with you! <p>&#128512;</p></p>
-
-                <div className="mt-5 mb-5 p-0 contact">
-                <a href = "mailto:kumar.de@northeastern.edu" className ="text-style border border-info center p-2 mb-2">Say Hello</a>
-                </div>
+        <div className="mt-5 mb-5 p-0 contact">
+          <a
+            href="mailto:kumar.de@northeastern.edu"
+            className="text-style border border-info center p-2 mb-2"
+          >
+            Say Hello
+          </a>
+        </div>
 
-                <div className="contact">
-                <a class="github" href="https://github.com/itachi1994" target="_blank" rel="noopener noreferrer"><i class="fab fa-github fa-2x"></i></a>
-                <a class="github ml-4" href="https://www.linkedin.com/in/deepak-kumar-bb1810115/" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin head fa-2x"></i></a>
-                </div>
-                {/* <iframe src="https://www.linkedin.com/in/deepak-kumar-bb1810115/" height="1" width="1" frameBorder="0"></iframe> */}
-            </div>
-        );
-    }
-}    
+        <div className="contact">
+          <a
+            class="github"
+            href="https://github.com/itachi1994"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <i class="fab fa-github fa-2x"></i>
+          </a>
+          <a
+            class="github ml-4"
+            href="https://www.linkedin.com/in/deepak-kumar-bb1810115/"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <i class="fab fa-linkedin head fa-2x"></i>
+          </a>
+        </div>
+        {/* <iframe src="https://www.linkedin.com/in/deepak-kumar-bb1810115/" height="1" width="1" frameBorder="0"></iframe> */}
+      </div>
+    )
+  }
+}