DFanso's Terminal Portfolio 🚀

Welcome to my personal portfolio website! This is a unique terminal-style portfolio built with Astro and TypeScript, providing an interactive command-line interface to explore my work and experience.

🌟 Live Site

Visit my portfolio at itsme.dfanso.dev

✨ Features

🖥️ Terminal Interface

• Interactive command-line experience
• Real terminal-like behavior
• Command history navigation (↑↓ keys)
• Custom prompt styling
• Cursor animation

💻 Available Commands

• help - Show all available commands
• whoami - Display profile information
• about - View professional summary
• projects - Browse featured projects
• skills - List technical expertise
• experience - View work history
• contact - Get contact information
• clear - Clear terminal screen (Ctrl+L)
• ls - List available sections
• neofetch - Display system information
• time - Show current time
• weather - Check weather (fun response)
• matrix - Display matrix animation
• ping - Test connection
• welcome - Show welcome message

🎯 Special Features

• Intelligent command auto-completion
  • Press Tab to complete commands
  • Real-time suggestions as you type
  • Click suggestions or use keyboard
  • Terminal-style dimmed completion preview
• Copy/Paste functionality with visual feedback
• Mobile-responsive design with dedicated mobile view
• Smooth animations and transitions
• Custom terminal-style scrollbar

🛠️ Tech Stack

• Astro - Static Site Generator
• TypeScript - Type Safety
• Tailwind CSS - Styling
• Vercel - Deployment

🚀 Development

1. Clone the repository:

git clone https://github.com/dfanso/itsme.dfanso.dev.git
cd itsme.dfanso.dev

2. Install dependencies:

yarn install

3. Start development server:

yarn run dev

4. Build for production:

yarn run build

🧞 Available Commands

Command	Action
yarn install	Installs dependencies
yarn run dev	Starts local dev server at localhost:4321
yarn run build	Build your production site to ./dist/
yarn run preview	Preview your build locally, before deploying
yarn run astro ...	Run CLI commands like astro add, astro check

📱 Mobile Support

• Dedicated mobile view for better UX on small screens
• Touch-friendly interface
• Responsive layout and typography
• Bottom navigation for easy access

🔑 Keyboard Shortcuts

• ↑ / ↓ - Navigate command history
• Ctrl + L - Clear screen
• Ctrl + C - Copy selected text
• Ctrl + V - Paste text
• Tab - Auto-complete commands

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Credits

Created with ❤️ by DFanso

Feel free to reach out to me on GitHub or through my portfolio site if you have any questions!