{"id":15043371,"url":"https://github.com/satnaing/terminal-portfolio","last_synced_at":"2025-05-15T15:06:14.897Z","repository":{"id":52891061,"uuid":"498734598","full_name":"satnaing/terminal-portfolio","owner":"satnaing","description":"Terminal style portfolio website built with React, TypeScript and Styled-Components.","archived":false,"fork":false,"pushed_at":"2025-04-27T07:58:44.000Z","size":853,"stargazers_count":592,"open_issues_count":1,"forks_count":118,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-12T03:19:12.627Z","etag":null,"topics":["github","learn","portfolio","react","reactjs","styled-components","terminal","terminal-portfolio","terminal-style-website","terminal-styled","typescript"],"latest_commit_sha":null,"homepage":"https://terminal.satnaing.dev/","language":"TypeScript","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/satnaing.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":"2022-06-01T12:51:00.000Z","updated_at":"2025-05-11T22:41:32.000Z","dependencies_parsed_at":"2024-01-06T18:28:27.424Z","dependency_job_id":"9f1b3495-1a3e-4bd5-88cd-1b6228742f0d","html_url":"https://github.com/satnaing/terminal-portfolio","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satnaing%2Fterminal-portfolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satnaing%2Fterminal-portfolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satnaing%2Fterminal-portfolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/satnaing%2Fterminal-portfolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/satnaing","download_url":"https://codeload.github.com/satnaing/terminal-portfolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254364270,"owners_count":22058878,"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":["github","learn","portfolio","react","reactjs","styled-components","terminal","terminal-portfolio","terminal-style-website","terminal-styled","typescript"],"created_at":"2024-09-24T20:48:55.788Z","updated_at":"2025-05-15T15:06:14.890Z","avatar_url":"https://github.com/satnaing.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Terminal Portfolio Website by Sat Naing\n\n![Terminal Portfolio Website by Sat Naing](https://user-images.githubusercontent.com/53733092/194220661-e2ff8b4c-f64a-4b64-a836-c52fae6bbcda.png)\n\n![ts](https://badgen.net/badge/Built%20With/TypeScript/blue?style=flat-square)\n[![Netlify Status](https://api.netlify.com/api/v1/badges/81fdb91d-c06f-46c2-b18d-dfc6f090f281/deploy-status)](https://app.netlify.com/sites/terminal-sn/deploys)\n![Gitmoji](https://img.shields.io/badge/gitmoji-%20😜%20😍-FFDD67.svg?style=flat-square)\n\nMy perfolio website in terminal version developed with React, TypeScript and Styled-Components. Multiple themes supported and keyboard shortcuts can be used for some functionalities.\n\nBlog Post: https://satnaing.dev/blog/posts/how-do-i-develop-my-terminal-portfolio-website-with-react\n\n## Demo\n\n\u003ca href=\"https://www.jinno.app/redirect?from=satnaing\u0026redirect=libary\u0026libName=terminal-portfolio\u0026componentName=App\u0026libCreator=satnaing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDemo - try it in your editor\u003c/a\u003e\n\n## Features\n\n- Responsive Design 📱💻\n- Multiple themes 🎨\n- Autocomplete feature ✨ (TAB | Ctrl + i)\n- Go previous and next command ⬆️⬇️\n- View command history 📖\n- PWA and Offline Support 🔥\n- Well-tested ✅\n\n## Tech Stack\n\n**Frontend** - [React](https://reactjs.org/), [TypeScript](https://www.typescriptlang.org/)  \n**Styling** - [Styled-Components](https://styled-components.com/)  \n**UI/UX** - [Figma](https://figma.com/)  \n**State Management** - [ContextAPI](https://reactjs.org/docs/context.html)  \n**Testing** - [Vitest](https://vitest.dev/), [React Testing Library](https://testing-library.com/)  \n**Deployment** - [Netlify](https://app.netlify.com/)\n\n## Multiple Themes\n\n\u003ca href=\"https://www.jinno.app/redirect?from=satnaing\u0026redirect=libary\u0026libName=terminal-portfolio\u0026componentName=App\u0026libCreator=satnaing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDemo - Dark theme\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://www.jinno.app/redirect?from=satnaing\u0026redirect=libary\u0026libName=terminal-portfolio\u0026componentName=AppLight\u0026libCreator=satnaing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDemo - light theme\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://www.jinno.app/redirect?from=satnaing\u0026redirect=libary\u0026libName=terminal-portfolio\u0026componentName=AppBlue\u0026libCreator=satnaing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDemo - blue-matrix theme\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://www.jinno.app/redirect?from=satnaing\u0026redirect=libary\u0026libName=terminal-portfolio\u0026componentName=AppEspresso\u0026libCreator=satnaing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDemo - espresso theme\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://www.jinno.app/redirect?from=satnaing\u0026redirect=libary\u0026libName=terminal-portfolio\u0026componentName=AppGreen\u0026libCreator=satnaing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDemo - green-goblin theme\u003c/a\u003e\u003cbr/\u003e\n\u003ca href=\"https://www.jinno.app/redirect?from=satnaing\u0026redirect=libary\u0026libName=terminal-portfolio\u0026componentName=AppUbuntu\u0026libCreator=satnaing\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eDemo - ubuntu theme\u003c/a\u003e\u003cbr/\u003e\n\nCurrently, this website supports 6 themes. Type `themes` in the terminal for more info.\n![terminal-portfolio-themes](https://user-images.githubusercontent.com/53733092/194221801-94f1c28b-4865-4b7f-a73e-d41132519bea.png)\n\n## Lighthouse Score\n\n\u003cp align=\"center\"\u003e\n\u003cimg width=\"710\" alt=\"Sat Naing Terminal Lighthouse Score\" src=\"public/lighthouse-result.svg\"\u003e\n\u003c/p\u003e\n\n## Running Locally\n\nClone the project\n\n```bash\ngit clone https://github.com/satnaing/terminal-portfolio.git\n```\n\nGo to the project directory\n\n```bash\ncd terminal-portfolio\n```\n\nRemove remote origin\n\n```bash\ngit remote remove origin\n```\n\nInstall dependencies\n\n```bash\nnpm install\n```\n\nStart the server\n\n```bash\nnpm run dev\n```\n\n## Inspiration and Credits\n\nHere are some inspiration for this kind of terminal website. Only some features and functionalities are inspired by these following websites. All codes are written on my own.\n\n- I built this repository using [Jinno](https://www.jinno.app/redirect?from=satnaing\u0026redirect=vs)\n- [term m4tt72](https://term.m4tt72.com/)\n- [Forrest](https://fkcodes.com/)\n\n## Author\n\n- [@satnaing](https://satnaing.dev)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatnaing%2Fterminal-portfolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsatnaing%2Fterminal-portfolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsatnaing%2Fterminal-portfolio/lists"}