{"id":19443754,"url":"https://github.com/aretecode/modern-stack-web-portfolio","last_synced_at":"2025-04-25T00:32:45.938Z","repository":{"id":74581751,"uuid":"179272759","full_name":"aretecode/modern-stack-web-portfolio","owner":"aretecode","description":"Monorepo for https://github.com/aretecode/modern-stack-portfolio-graphql \u0026 https://github.com/aretecode/modern-stack-portfolio-react","archived":false,"fork":false,"pushed_at":"2019-05-23T15:42:59.000Z","size":1013,"stargazers_count":10,"open_issues_count":15,"forks_count":0,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-04-03T13:44:02.638Z","etag":null,"topics":["apollo","apollo-client","apollo-link-state","apollo-server","firebase","graphql","graphql-client","graphql-server","indexdb","jest","monorepo","nextjs","now","portfolio","react","redis","storybook","styled-components","submodule","typescript"],"latest_commit_sha":null,"homepage":"https://jameswiens.dev","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aretecode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-04-03T11:07:46.000Z","updated_at":"2023-11-05T10:49:33.000Z","dependencies_parsed_at":null,"dependency_job_id":"aefd9db3-ee28-4f4d-b194-9fb4cbe575ab","html_url":"https://github.com/aretecode/modern-stack-web-portfolio","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aretecode%2Fmodern-stack-web-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aretecode%2Fmodern-stack-web-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aretecode%2Fmodern-stack-web-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aretecode%2Fmodern-stack-web-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aretecode","download_url":"https://codeload.github.com/aretecode/modern-stack-web-portfolio/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250733546,"owners_count":21478386,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apollo","apollo-client","apollo-link-state","apollo-server","firebase","graphql","graphql-client","graphql-server","indexdb","jest","monorepo","nextjs","now","portfolio","react","redis","storybook","styled-components","submodule","typescript"],"created_at":"2024-11-10T15:44:05.726Z","updated_at":"2025-04-25T00:32:45.925Z","avatar_url":"https://github.com/aretecode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Modern Stack Portfolio\n\n\n[![Known Vulnerabilities](https://snyk.io/test/github/aretecode/modern-stack-web-portfolio/badge.svg)](https://snyk.io/test/github/aretecode/modern-stack-web-portfolio)\n\n- [Project issues](https://github.com/aretecode/modern-stack-web-portfolio/projects/1)\n- [Confluence](https://aretecode.atlassian.net/wiki/spaces/OSWP/overview)\n- [Bitbucket](https://bitbucket.org/aretecodes/modern-stack-web-portfolio/)\n- [JIRA](https://aretecode.atlassian.net/jira/software/projects/OSWPN/boards/1)\n- [Trello](https://trello.com/b/veJvIgaq/modern-stack-web-portfolio)\n\n#### Monorepo for\n\n- [modern-stack-portfolio-graphql](https://github.com/aretecode/modern-stack-portfolio-graphql)\n- [modern-stack-portfolio-react](https://github.com/aretecode/modern-stack-portfolio-react)\n\n# Deploy\n\n1. [![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/aretecode/modern-stack-portfolio-graphql) _Graphql_\n2. [![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/aretecode/modern-stack-portfolio-react) _React_\n\n# Development\n\n## Cloning\n\nclone the [mono-repo](https://github.com/korfuri/awesome-monorepo) [`modern-stack-web-portfolio`](https://github.com/aretecode/modern-stack-web-portfolio)\n\n```\ngit clone --recursive git@github.com:aretecode/modern-stack-web-portfolio.git\ncd modern-stack-web-portfolio\ngit submodule foreach git checkout master\n```\n\n![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-19%20at%2011.24.43%20PM.png)\n\n\u003e 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](https://www.testingexcellence.com/install-git-mac-generate-ssh-keys/). Once installed, do the cloning step again. \n\n\u003e the submodule checkout master command is because each submodule is pointed to a specific commit, so running this command will point them to master, after which they can be used the same way any other repo is used (_pulling, merging, committing..._)\n\n## Yarn Install\n\nRun the following command to install all the packages\n\n```\nyarn install\n```\n\nThere are two sub-modules in the stack.\nWe are using [yarn workspaces](https://yarnpkg.com/lang/en/docs/workspaces/), so **no need** to `run yarn install` **multiple times** in each modules, running at the top level is enough.\n\n![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-19%20at%2011.55.21%20PM.png?h=300)\n\n## Run the build\n\n\u003e Tip: for ease of use, open two terminal windows\n\u003e ![](https://user-images.githubusercontent.com/4022631/56454460-8478b400-6305-11e9-9d4c-51525d360399.png)\n\n#### 1. client:\n\n```\ncd packages/client\nyarn dev\n```\n\nThen, open [http://localhost:3000](http://localhost:3000)\n\n#### 2. graphql:\n\n```\ncd packages/graphql\nyarn dev\n```\n\nThen, open [http://localhost:4000/graphql](http://localhost:4000/graphql)\n\n## Setup the data\n\nAfter you running the build, you won't see any data.\n\n![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-20%20at%2012.04.34%20AM.png?h=300)\n\nTo see the content, we need to set it ourselves:\n\n1. open [http://localhost:4000/graphql](http://localhost:4000/graphql)\n\n![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-20%20at%2012.05.57%20AM.png?h=300)\n\n2. use the following query\n\n```jsx\nmutation SetResume($basics: BasicsInputType, $work: [WorkInputType]) {\n  setResume(basics: $basics, work: $work) {\n    responseMessage\n  }\n}\n```\n\n  ![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-20%20at%2012.06.35%20AM.png?h=300)\n\n3. open the `Query Variables` \n\n![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-20%20at%2012.06.58%20AM.png?h=300)\n\n4. add your JSON to the `Query Variables`. [Example data can be found in this gist](https://gist.githubusercontent.com/aretecode/7da7359d3cb0e085e81822c1822d3d08/raw/331a29f90f7eb6315ae9c51c0e9df36bd6871fbd/example.json) \n\n  ![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-20%20at%2012.07.41%20AM.png?h=300)\n\n5. click the play/`(\u003e)` button to run it\n\n6. refresh the [_client_](http://localhost/3000)\n\n7. profit???\n   \n![](https://noccumpr-cdn.sirv.com/documentation/Screen%20Shot%202019-04-20%20at%2012.10.32%20AM.png?h=500)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faretecode%2Fmodern-stack-web-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faretecode%2Fmodern-stack-web-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faretecode%2Fmodern-stack-web-portfolio/lists"}