A modern, interactive portfolio website showcasing my work as a Software Engineer. Built with React, TypeScript, and Tailwind CSS, featuring a unique terminal-inspired interface with real-time metrics and responsive design.
- Terminal Interface: Interactive command-line style navigation
- Real-time Metrics: Live coding statistics and personal stats
- Responsive Design: Optimized for desktop, tablet, and mobile
- Theme System: Multiple color themes with smooth transitions
- Keyboard Navigation: Full keyboard shortcuts support
- Performance Optimized: Fast loading with smooth animations
- Frontend: React 18, TypeScript
- Styling: Tailwind CSS, CSS Variables
- Build Tool: Vite
- Icons: Lucide React
- Font: JetBrains Mono
# Clone the repository
git clone https://github.com/rsbryan/SB-Portfolio.git
# Navigate to project directory
cd SB-Portfolio
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run buildThe portfolio is fully responsive and provides an optimal viewing experience across:
- Desktop computers (1200px+)
- Tablets (768px - 1200px)
- Mobile devices (< 768px)
The portfolio uses CSS variables for theming, making it easy to customize colors and styling. Themes can be modified in src/data/themes.ts.
This project is open source and available under the MIT License.
Steven Bryan - Software Engineer
- Portfolio: [Live Demo]
- GitHub: @rsbryan
- Email: sbryancs@gmail.com