julianiff/react-portfolio

A react based Portfolio Template

How to start

$ yarn && yarn start

or

$ npm install && npm run start

Adjust the Data

To adjust the visualization, use the properties inputState and inputDataFlow. To see the shape of the data see src/dataSample/presentationSampleData.js. It consists of a list of named objects that are structured as a double linked list. As an example see below:

intro: {
    previous: 'next', //String reference to the last component
    next: 'next', // string referencee to the next component
    content: {
      template: "Default", // Uses the default template
      title: <>Add your Title here</>, // Here Add a title Optional
      subtitle: "Add your subtitle here", // Here ad a subtitle Optional
      img: {
        src: reactSVG, // Here add the source Optional
        label: "Built with react and react hooks!" // Here add a label to the image Optional
      }
    }
  },

This list can be enriched with jsx to give more flexibility with the content generation.

There exist 2 templates.

1. Default, that has a title, subtitle and img with src and label.
2. Portfolio with a datastructure that can be found in src/dataSample/samplePortfolio.js