https://github.com/rodrigo-arenas/portfolio

Personal website, Data scientist portfolio template
https://github.com/rodrigo-arenas/portfolio

beginner-friendly create-react-app css3 data-science data-science-portfolio data-science-projects developer-portfolio good-first-issue javascript material-ui personal-website portfolio portfolio-template portfolio-website react react-portfolio reactjs up-for-grabs web-template

Last synced: 1 day ago
JSON representation

Personal website, Data scientist portfolio template

• Host: GitHub
• URL: https://github.com/rodrigo-arenas/portfolio
• Owner: rodrigo-arenas
• License: mit
• Created: 2021-12-06T16:14:40.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-09-21T04:00:28.000Z (3 months ago)
• Last Synced: 2024-12-13T16:51:41.624Z (8 days ago)
• Topics: beginner-friendly, create-react-app, css3, data-science, data-science-portfolio, data-science-projects, developer-portfolio, good-first-issue, javascript, material-ui, personal-website, portfolio, portfolio-template, portfolio-website, react, react-portfolio, reactjs, up-for-grabs, web-template
• Language: JavaScript
• Homepage: https://rodrigo-arenas.github.io/portfolio
• Size: 21.8 MB
• Stars: 139
• Watchers: 3
• Forks: 81
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        



  Personal Portfolio

  Website



This is my website to resume my work as a data scientist.

The page mainly uses React and MUI and is inspired by open-source components.

Feel free to use this project as a template, and please give a small credit by linking back to this project.

If you found this project helpful, consider giving it a 

[star](https://github.com/rodrigo-arenas/portfolio/stargazers) [⭐](https://github.com/rodrigo-arenas/portfolio/stargazers)

**[Live Demo](https://rodrigo-arenas.github.io/portfolio/)**



## Installation Guide

* Fork the project 

  ```

  https://github.com/rodrigo-arenas/portfolio/fork

  ```

* Clone your fork

  ```

  git clone https://github.com/{yourusername}/portfolio.git

  ```

* Install the packages

  ```

  npm install

  ```

* Start the project

  ```

  npm start

  ```

## Customize your information

All the content (text, icons, links, etc.) are configured in the `assets` folders,

it has two kinds:

### Configs:

There is one configuration file per page or main component, for example, if you want

to modify the footer icons and hyperlinks, go to the footerConfig.js file

![footer](src/assets/images/footer.png)

Here, you can modify all the values but keep the key's names, structure, and className the same; 

you can also add new values to the configs containing a list.

### Images:

This folder keeps images displayed over some routes, like blogs and projects.

For example, inside the projectsConfig.js file, the list of projects has a property called "image":

![projects_config.png](src/assets/images/projects_config.png)

You can set any valid href for the `` tag as an image URL or, like in the above image, 

an image from the `assets/images` folder.

![projects_images](projects_images.png)

### Set Google Analytics track (Optional):

Take the `.env.example` file, put your tracking ID in the 

variable `REACT_APP_TRACKING_ID`, and rename the file to `.env`

## Troubleshooting

If you see any error of unexpected token ">" while deploying, try to remove the following from the `package.json` file:

```

"homepage": "https://rodrigo-arenas.github.io/portfolio",

```