Suraj Kumar - AI/ML Engineer Portfolio

A terminal-themed interactive portfolio showcasing AI/ML projects, research, and professional experience with an engaging command-line interface.

Overview

This portfolio website presents my journey as an AI/ML engineer through an interactive terminal interface. Built for recruiters, collaborators, and fellow developers, it showcases my technical expertise, project portfolio, and professional experience in an engaging, developer-friendly format.

Live Demo: surajsk2003.github.io/Suraj.in

Features

• Interactive Terminal Interface - Command-line style About section with 12+ commands
• Live Project Demos - Embedded iframes showcasing real applications
• Fully Responsive - Optimized for desktop, tablet, and mobile devices
• Dark/Light Theme Toggle - Seamless theme switching
• Smooth Animations - Scroll progress, section transitions, and hover effects
• Direct Project Access - Command-based navigation to GitHub repos and live demos
• Terminal Aesthetics - Authentic developer experience with matrix effects

Tech Stack

• Frontend: HTML5, CSS3, Vanilla JavaScript
• Styling: Custom CSS with CSS Variables, Flexbox, Grid
• Fonts: JetBrains Mono (terminal), Inter (body text)
• Animations: CSS Keyframes, Intersection Observer API
• Deployment: GitHub Pages
• Design: Terminal-inspired UI/UX

Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• Git (for cloning)

Installation

# Clone the repository
git clone https://github.com/surajsk2003/portfolio.git

# Navigate to project directory
cd portfolio/Suraj.in

# Open in browser (or use live server)
open index.html

Local Development..

# Using Python (if available)
python -m http.server 8000

# Using Node.js (if available)
npx serve .

# Then visit: http://localhost:8000

Usage

Interactive Terminal Commands

The About section features a fully functional terminal interface. Try these commands:

$ whoami          # Personal introduction
$ skills          # Technical expertise
$ projects        # Project portfolio
$ focus           # Current focus areas
$ vision          # Future goals
$ hobbies         # Personal interests
$ quote           # Random inspiration
$ matrix          # Visual effect
$ clear           # Clear terminal

Project Navigation

Access projects directly using the command system:

$ ecommerce --live    # Open live demo
$ hirenet --github    # View source code
$ qr --live          # Try QR generator

Project Structure

portfolio/
├── Suraj.in/
│   ├── index.html          # Main portfolio page
│   ├── projects.html       # Projects showcase
│   ├── styles.css          # Main stylesheet
│   ├── main.js            # Interactive functionality
│   └── images/            # Assets and icons
├── README.md              # This file
└── LICENSE               # MIT License

Key Features Breakdown

Terminal Interface

• Command Parser: Recognizes 12+ commands with error handling
• Auto-redirect: Project commands open links automatically
• Typewriter Effect: Realistic terminal output animation
• Matrix Mode: Easter egg visual effect

Responsive Design

• Mobile-first: Optimized for all screen sizes
• Touch-friendly: Proper touch interactions
• Performance: Optimized loading and animations

Interactive Elements

• Hover Previews: Live project demos on card hover
• Scroll Progress: Visual progress indicator
• Section Animations: Smooth fade-in transitions
• Theme Toggle: Persistent dark/light mode

Known Issues

• Matrix effect may impact performance on older devices
• Some project iframes may load slowly depending on hosting
• Terminal commands are case-sensitive

Future Enhancements

• Add sound effects for terminal interactions
• Implement command history with arrow keys
• Add more Easter eggs and hidden commands
• Include blog section integration
• Add contact form backend integration

Contributing

While this is a personal portfolio, suggestions and improvements are welcome!

1. Fork the repository
2. Create a feature branch (git checkout -b feature/improvement)
3. Commit changes (git commit -m 'Add improvement')
4. Push to branch (git push origin feature/improvement)
5. Open a Pull Request

License

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

Author

Suraj Kumar
EE Graduate (May 2025) @ NITK Surathkal
AI/ML Engineer && Researcher

• Portfolio: surajsk2003.github.io/Suraj.in
• LinkedIn: linkedin.com/in/suraj-singh-96b45220a
• GitHub: github.com/surajsk2003
• Twitter: x.com/SurajSinghNITK

Acknowledgments

• Terminal design inspired by modern developer tools.
• Matrix effect concept from classic terminal aesthetics.
• Typography choices influenced by popular code editors.
• Interactive elements inspired by modern web experiences..

---

Star this repository if you found it helpful!

Built with care and lots of coffee by Suraj Kumar