A unique terminal-style portfolio built with Astro and TypeScript, providing an interactive command-line interface to explore my work and experience.
Visit my portfolio at itsme.dfanso.dev
- Interactive command-line experience
- Real terminal-like behavior
- Command history navigation (Arrow Up/Down keys)
- Tab auto-completion with suggestions
- Custom prompt styling and cursor animation
- Syntax highlighting for commands
| Command | Description |
|---|---|
help |
Show all available commands |
whoami |
Display profile information |
about |
View professional summary |
projects |
Browse featured projects with GitHub stats |
skills |
List technical expertise |
experience |
View work history |
education |
View academic background |
certifications |
View professional certificates |
contact |
Get contact information |
github |
Show GitHub stats and contributions |
clear |
Clear terminal screen (Ctrl+L) |
ls |
List available sections |
neofetch |
Display system information |
resume |
Download/view resume |
- Contribution graph (heatmap)
- Language statistics with visual bar
- Commits, PRs, and issues count
- Pinned repositories display
- Repository stats (stars, forks)
- ASCII art banner with glow effect
- Typewriter animation on first visit
- Scanline CRT terminal effect
- Smooth staggered line animations
- Dynamic time-based greetings
- Node.js 18+
- Yarn package manager
- Clone the repository:
git clone https://github.com/dfanso/itsme.dfanso.dev.git
cd itsme.dfanso.dev- Install dependencies:
yarn install- Create environment file (optional, for GitHub stats):
cp .env.example .env
# Add your GITHUB_TOKEN- Start development server:
yarn dev- Build for production:
yarn build| Variable | Required | Description |
|---|---|---|
GITHUB_TOKEN |
Optional | GitHub personal access token for full stats |
Without the token, basic GitHub stats (stars, forks, repos) will still work via the public API.
| Command | Action |
|---|---|
yarn install |
Install dependencies |
yarn dev |
Start local dev server at localhost:4321 |
yarn build |
Build production site to ./dist/ |
yarn preview |
Preview build locally |
yarn astro ... |
Run Astro CLI commands |
| Shortcut | Action |
|---|---|
Arrow Up/Down |
Navigate command history |
Tab |
Auto-complete commands |
Ctrl + L |
Clear screen |
Ctrl + C |
Copy selected text |
Ctrl + V |
Paste text |
- Responsive layout and typography
- Touch-friendly interface
- Dedicated mobile view for small screens
This project is licensed under the MIT License - see the LICENSE file for details.
Created by DFanso
Feel free to reach out on GitHub or through my portfolio site!