Welcome to the repository for my personal portfolio website. This site is a fusion of retro terminal aesthetics and modern web design, built to showcase my background, technical skills, and project work as a Senior Data Engineer and current MS Computer Science student at Northeastern University, Boston.
This is a dynamic single-page portfolio website designed with a "retro terminal + modern UI" theme. It includes:
- Smooth scroll navigation
- Interactive project and profile cards
- Custom bottom dock (Mac-like)
- Retro-styled code animations and typewriter text
- Fully responsive layout
- Embedded Spotify playlist
- Interactive contact form with EmailJS integration
- Easter egg section ("Beyond Code") highlighting interests beyond tech
- NEW: One-click resume download functionality
- NEW: Smooth scroll to contact section from landing page
- NEW: Fully static site - no backend dependencies
- Landing Page: Terminal-style typewriter introduction with download resume and contact buttons
- About Me: Animated, keyword-highlighted terminal lines
- Projects: Clickable project cards with animations
- Tech Stack: Icons and categories styled in a retro grid
- Beyond Code: Music, blog, hackathon, and personal fun facts
- Contact: Interactive form with EmailJS integration and hover-animated icons
- Smooth scrolling: All navigation is smooth and fluid
- Fully responsive: Optimized for all screen sizes
- Resume Download: Direct download of PDF resume from Google Drive
- Quick Contact Access: Instant smooth scroll to contact section from hero
- Static Site: Zero backend dependencies, perfect for Netlify/Vercel deployment
- React
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion (for animations)
- EmailJS (for contact form functionality)
- Lucide Icons
- Terminal-inspired custom CSS
You can view the live version of this portfolio at:
- to be added later
- Experience: Expandable-Collapsible experiences in detail.
- Projects: Includes 6 key projects (3 academic + 3 professional), like:
- Sensei: AI-powered onboarding assistant built with GPT-4o and LangChain
- Data Lake Optimizer: Cost-saving Spark framework
- Chess Engine with Parallel Computing
- Tech Stack: Categorized view of tools and languages used professionally
- Beyond Code: Includes Spotify playlist, blogs, guitar events, and hackathon history
- Contact: Reach out for full-time opportunities, internships, collaborations, or feedback
- ✅ EmailJS Integration: Replaced backend with EmailJS frontend SDK
- ✅ Static Site: Removed all backend dependencies (Express, Nodemailer, etc.)
- ✅ Netlify/Vercel Ready: Perfect for static hosting with instant load speeds
- ✅ Simplified Deployment: No server configuration required
- ✅ Resume Download: Added one-click resume download functionality from Google Drive
- ✅ Smooth Contact Navigation: Enhanced "Contact Shubham" button with smooth scroll to contact section
- ✅ Updated Contact Information: Fixed email address in contact icons section
- ✅ Improved User Experience: Better navigation flow and accessibility
-
Clone the repository
git clone https://github.com/shubham1592/terminal-portfolio.git
-
Navigate to the project folder
cd terminal-portfolio -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open your browser and visit:
- Local: http://localhost:5176
This project is now fully static and can be deployed on any static hosting platform:
- Push your code to GitHub
- Connect your repository to Netlify
- Build command:
npm run build - Publish directory:
dist - Deploy!
- Push your code to GitHub
- Import your repository to Vercel
- Framework preset: Vite
- Deploy!
- Push your code to GitHub
- Go to repository Settings > Pages
- Source: Deploy from a branch
- Branch: main, folder: /docs (build output)
- Deploy!
The contact form uses EmailJS with the following configuration:
- Service ID:
service_xdhyszj - Template ID:
template_pygzv53 - Public Key:
y1nlhj4WSG6l4oA9e
Form fields are mapped as:
name→from_nameemail→from_emailreason→reasonmessage→messagewantReply→want_reply(sends "Yes" or "No")
Feel free to connect with me:
- Email: [email protected]
- LinkedIn: https://www.linkedin.com/in/shubhamkumar1592/
- GitHub: https://github.com/shubham1592
- This project is not open-source. All rights reserved © 2025 Shubham Kumar.
Thanks for visiting!