A sleek portfolio design created in React.
This project is open-source but is not meant for public use. Public use cases will not be considered.
npm run build
npm install react-portfoliooryarn add react-portfolio
import React from 'react';
import ReactDOM from 'react-dom';
import ReactPortfolio from 'react-portfolio';
ReactDOM.render(
<ReactPortfolio
copyright={2008}
footer={[]}
primary={0}
resume="https://yoursite.com/resume.pdf"
routes={[]}
secondary={0}
social={{}}
title="My React Portfolio"
/>,
document.getElementById('root'),
);The initial year of copyright for the portfolio.
Will be displayed as (c) ${props.year} - ${CURRENT_YEAR}.
An array of <a> props to include in the footer.
A number from 0 to 1, representing the lightness of your portfolio's accent color.
0 represents black, 1/2 represents color, 1 represents white.
A number from 0 to 1, representing the hue of your portfolio's primary color.
0 represents red, 1/3 represents green, 2/3 represents blue.
A URL pointing to a downloadable copy of your resume.
An array of Route objects to use with react-router.
A Route object is structure as { component: ..., path: ... }.
A number from 0 to 1, representing the saturation of your portfolio's accent color.
0 represents black and white, 1 represents full-color.
A number from 0 to 1, representing the hue of your portfolio's secondary color.
0 represents red, 1/3 represents green, 2/3 represents blue.
A Social object of networking accounts to display in the header.
A Social object has the properties github, linkedIn, npmjs, reddit,
stackOverflow, twitter, and youtube.
A partial object that will be deep merged with the default Material UI theme.
The title of the portfolio, displayed in the header.