https://github.com/codewithvk/react-simple-portfolio

Sort, Simple and easy to modifiable react portfolio🚀
https://github.com/codewithvk/react-simple-portfolio

Last synced: 8 months ago
JSON representation

Sort, Simple and easy to modifiable react portfolio🚀

• Host: GitHub
• URL: https://github.com/codewithvk/react-simple-portfolio
• Owner: codewithvk
• Created: 2021-10-15T20:32:38.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2022-12-11T07:07:06.000Z (over 3 years ago)
• Last Synced: 2023-03-05T12:57:51.581Z (over 3 years ago)
• Language: JavaScript
• Homepage: https://react-simple-portfolio-codewithvk.netlify.app/
• Size: 2.86 MB
• Stars: 43
• Watchers: 1
• Forks: 17
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# React Simple Portfolio

![Intro GIF](https://github.com/codewithvk/React-simple-portfolio/blob/master/assets/Intro.gif)

## Getting started

1. Clone the repo 

    `git clone https://github.com/codewithvk/React-simple-portfolio.git`

    or use the template by clicking on "Use this template"

    

![Intro GIF](https://github.com/codewithvk/React-simple-portfolio/blob/master/assets/template.png)

2. Go into the project directory and install the node modules by running

	 `npm install`

3. After successfully installing all the node modules run

  `npm start`

  

 You should be able to see the website running in a new tab on http://localhost:3000/

## Customisation

For user simplicity I created a central file where you can add your info which will be reflected on local/prod.

### Experience

  - In the Experience section you can add your work history. For that, you should go to `/src/ExData.js`, where you can modify the JSON according to you.

  ```

  const workHistory = [

    {

      companyName : '..',

      role: '..',

      duration: "...",

      workDes: [

          '....',

          '...',

          '..'

        ],

      exposer: [..] ,

      link: '..',

   },

  ]

  ```

### Projects

  - In the Projects section you can add your Project. For that, you should go to `/src/projectData.js`, where you can modify the JSON according to you.

  ```

  const projects = [

     {

         title: '...',

         image: '..',

         description: "...",

         tools: ["..",".."],

         github: '...',

         link: '..',

      },

  ]

  ```

  

The same customisations can be implemented in the skills and main sections. For that you can refer to the file `src/root.link.js` and  `src/SkillData.js`.

 

If you would like to add any skill which is not mentioned, then you will need to download a svg for  the skill logo, for that you can refer [here](https://github.com/codewithvk/React-simple-portfolio/blob/master/src/SkillData.js#L77).