{"id":28986626,"url":"https://github.com/raulpy271/portfoliointerminal","last_synced_at":"2025-06-24T20:32:41.107Z","repository":{"id":54582518,"uuid":"318604389","full_name":"raulpy271/portfolioInTerminal","owner":"raulpy271","description":"🍏 A portfolio template in ReactJS for developers with terminal style ","archived":false,"fork":false,"pushed_at":"2021-02-09T11:40:29.000Z","size":12393,"stargazers_count":20,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-01-17T00:16:23.506Z","etag":null,"topics":["css","developer-portfolio","developer-tool","javascript","javascript-applications","javascript-library","js","jsx","react","react-redux","reactjs","styled-components","template","template-react-client","template-repository","terminal","terminal-based","terminal-style","website","website-template"],"latest_commit_sha":null,"homepage":"https://raulpy271.github.io/","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/raulpy271.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}},"created_at":"2020-12-04T18:33:38.000Z","updated_at":"2023-12-02T17:08:22.000Z","dependencies_parsed_at":"2022-08-13T20:30:52.928Z","dependency_job_id":null,"html_url":"https://github.com/raulpy271/portfolioInTerminal","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/raulpy271/portfolioInTerminal","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulpy271%2FportfolioInTerminal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulpy271%2FportfolioInTerminal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulpy271%2FportfolioInTerminal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulpy271%2FportfolioInTerminal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raulpy271","download_url":"https://codeload.github.com/raulpy271/portfolioInTerminal/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulpy271%2FportfolioInTerminal/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261751850,"owners_count":23204499,"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":["css","developer-portfolio","developer-tool","javascript","javascript-applications","javascript-library","js","jsx","react","react-redux","reactjs","styled-components","template","template-react-client","template-repository","terminal","terminal-based","terminal-style","website","website-template"],"created_at":"2025-06-24T20:30:59.900Z","updated_at":"2025-06-24T20:32:41.092Z","avatar_url":"https://github.com/raulpy271.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Portfolio In Terminal Style\n\n![Terminal in browser](/public/example.gif)\n\nThis is a SPA in reactJS with a MacOS terminal style. The terminal is a draggable and resizable React component and has sections about me, so it's will be my personal portfolio for while.\n\nSee the [demo](https://raulpy271.github.io) page.\n\nIf you are interested in using this app for your portfolio, see the sections: [How to setup](#how-to-setup) and [Deploy](#deploy).\n\n#### To turn the terminal draggable i used this [library](https://github.com/raulpy271/DraggableDialog)\n\n## How to setup\n\nTo use this page, first fork this repository and clone it on your machine, so you will can add your information.\n\nTo edit the sections and put your information you should edit the `contentEN` object in the `src/text/` path. Besides, you can add more sections creating more properties to the object.\n\nOr if you want to add support to another language you should create an object like these in the mentioned path and import it in the `src/text/textManager.js` file.\n\nRead the files of the `src/text/` path and you'll understand more about how to edit, add more sections, or support for multiples languages.\n\nIf something isn't clear feels free to open an issue.\n\n## Deploy\n\nAfter making your changes, you can deploy the app on github pages. The steps are:\n\nInstall github pages as dev dependecies:\n\n```sh\nnpm install gh-pages --save-dev\n```\n\nPut the link of your homepage in the `homepage` properties of `package.json`, the link is like this `http://{username}.github.io/{repo-name}`.\n\nAfter all, run the command:\n\n```sh\nnpm run deploy\n```\n\nAnd the application will be deployed in the `homepage` link.\n\n## Deploy in another repository\n\nFollowing the steps above, I get a repository with the source code in the branch `main` and another branch with the bundled version of the source. Besides, I get the link `https://raulpy271.github.io/portfolioInTerminal` to access the page.\n\nThe problem is that this link is too large, I want to use `https://raulpy271.github.io`. To use it, the user should create a repository named `{username}.github.io`.\n\nBut to deploy it, I should explicitly tell to github pages the new repository link. To make this I will add a remote branch in git and use this branch in the command `gh-pages`, See the steps:\n\n```sh\ngit remote add homepage https://github.com/raulpy271/raulpy271.github.io\n```\n\nI added a new remote called `homepage`, and then will create a new bundled source in the directory `build`:\n\n```sh\nnpx react-scripts build\n```\n\nAnd then I will use the files of the above directory and the new remote branch in `gh-pages`:\n\n```sh\nnpx gh-pages -d build -o homepage\n```\n\nNow, the app is deployed 🚀! And I get a short link and a separate version with the production-ready code.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulpy271%2Fportfoliointerminal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraulpy271%2Fportfoliointerminal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulpy271%2Fportfoliointerminal/lists"}