A terminal-inspired personal portfolio web app built with React that mimics a real command-line interface. Users can type commands (like about, skills, projects, etc.) to explore information interactively. The app also includes dark/light mode, smooth animations, and a hacker-style UI.
- 🧑💻 Terminal-style UI (command-based navigation)
- 🌗 Dark / Light mode toggle
- ⌨️ Real-time command handling
- 🎬 Smooth animations using Framer Motion
- 🧠 Typing animation intro text
- 🎨 Styled Components for clean theming
- 🔗 Quick access to GitHub, LeetCode, Linktree, Projects
- ⚡ Fast, responsive, and modern UI
- React.js
- Styled-components (theming & styling)
- Framer Motion (animations)
- React Icons
- react-type-animation
Clone the repository:
git clone https://github.com/skvprogrammer/terminal-portfolio.git
cd terminal-portfolioInstall dependencies:
npm installStart the development server:
npm startThe app will run at:
http://localhost:3000
Type the following commands inside the terminal:
| Command | Description |
|---|---|
about |
About me |
skills |
Technical skills |
projects |
List of projects |
hobbies |
Personal interests |
goals |
Future goals |
contact |
Contact information |
help |
List all commands |
clear |
Clear the terminal |
- 🌙 Dark Mode (default)
- 🌞 Light Mode
- Toggle available in the terminal header
- GitHub: https://github.com/skvprogrammer
- LeetCode: https://leetcode.com/u/skvprogrammer
- Linktree: https://linktr.ee/skvprogrammer
- Omezle: https://omezle.fun
Inspired by:
- Unix/Linux terminals
- Hacker-style portfolios
- Developer-first UI experiences
- Command history (↑ / ↓ keys)
- Autocomplete suggestions
- More commands (experience)
- Sound effects (terminal typing)
- Mobile optimization
Satyam Kumar Verman Competitive Programmer | Full Stack Developer | Tech Enthusiast
This project is licensed under the MIT License.
⭐ If you like this project, don’t forget to star the repo!