My perfolio website in terminal version developed with React, TypeScript and Styled-Components. Multiple themes supported and keyboard shortcuts can be used for some functionalities.
Blog Post: https://satnaing.dev/blog/posts/how-do-i-develop-my-terminal-portfolio-website-with-react
- Responsive Design ๐ฑ๐ป
- Multiple themes ๐จ
- Autocomplete feature โจ (TAB | Ctrl + i)
- Go previous and next command โฌ๏ธโฌ๏ธ
- View command history ๐
- PWA and Offline Support ๐ฅ
- Well-tested โ
Frontend - React, TypeScript
Styling - Styled-Components
UI/UX - Figma
State Management - ContextAPI
Testing - Vitest, React Testing Library
Deployment - Netlify
Currently, this website supports 6 themes. Type themes
in the terminal for more info.
Clone the project
git clone https://github.com/satnaing/terminal-portfolio.git
Go to the project directory
cd terminal-portfolio
Remove remote origin
git remote remove origin
Install dependencies
npm install
Start the server
npm run dev
Here 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.