A portfolio website built in React containing experiences, accomplishments, and contact information.
To install dependencies and run locally:
npm install
npm start
| Component | Description | Parameters |
|---|---|---|
<Button link="https://google.com" /> |
Used to create a button with a link or action | link_ (string) - used to open a url on button click action_ (function) - used to indicate an action on button click either link or action is required for proper function text (string) - text for button hidenWhenSmall (boolean) - default is false, hides button text when screen is less than 425px if set to true icon (img) - button icon image tooltip (boolean or string) - default is false, shows link (or string text) string on button hover if set to true or string of text customClass (string) - any custom css classes to add to the button |
<Modal /> |
Generates a responsive modal with given content | children* (html) - content inside the modal |
<Card /> |
Generates a responsive, expandable card with given content | expandable (boolean) - default is true, shows an expand button in the top right children_ (html) - content inside the card backgroundColor (string) - define a background color for the card textColor (string) - define a color for the card's text action_ (function) - used to indicate an action on card click customClass (string) - any custom css classes to add to the card |
<Expand /> |
Generates a button that is used to expand content | size* (integer) - indicates the width and height of the button boxShadow (boolean) - default is false, adds a drop shadow to the button customColors (object) - if not set default colors are used, indicates the background and icon colors through an object of the following format: {iconColor: (string), backgroundColor: (string)} |
<ExperienceCard /> |
Generates a card for a single experience | none |
<ExperienceView /> |
Generates a view of a single experience | none |
<CardSection /> |
Generates a view of a single experience | cards* (html) - the cards in the section title (string) - the title to display of the card section |
<Experience /> |
none | |
<Header /> |
none | |
<Homepage /> |
Generates a <Header /> and <Experience /> |
none |
<Error />° |
none | |
<Footer />° |
none | |
<Gallery />° |
none |
*parameter is required
°component is unfinished