Skip to content

aretecode/modern-stack-web-portfolio

Repository files navigation

Modern Stack Portfolio

Project issues available here

Monorepo for

Deploy

  1. Deploy to now Graphql
  2. Deploy to now React

Development

Cloning

clone the mono-repo modern-stack-web-portfolio

git clone --recursive git@github.com:aretecode/modern-stack-web-portfolio.git 

if you are facing with clone, you may not have SSH key configured with your GitHub account, follow these steps to configure yours in a few seconds. Once installed, do the cloning step again.

Yarn Install

Run the following command to install all the packages

yarn install 

There are two sub-modules in the stack. We are using yarn workspaces, so no need to run yarn install multiple times in each modules, running at the top level is enough.

Run the build

Tip: for ease of use, open two terminal windows

1. client:

cd packages/client yarn dev 

Then, open http://localhost/3000

2. graphql:

cd packages/graphql yarn dev 

Then, open http://localhost/4000/graphql

Setup the data

After you running the build, you won't see any data.

To see the content, we need to set it ourselves:

  1. open http://localhost/4000

  1. use the following query
mutation SetResume($basics: BasicsInputType, $work: [WorkInputType]) { setResume(basics: $basics, work: $work) { responseMessage } }

  1. open the Query Variables

  2. add your JSON to the Query Variables. Example data can be found in this gist ![https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-20%20at%2012.07.41%20AM.png]

  3. click the play/(>) button to run it

  4. refresh the client

  5. profit???