Tarun Srikumar – Portfolio Website

A modern, responsive portfolio website built with React + Vite Showcasing my education, projects, skills, tech stack, hackathon wins, and more.

• Professional, approachable UI with sticky navigation
• Bio: Brief introduction, hobbies & interests
• Skills: Technical & soft skills, displayed as interactive cards
• Languages Spoken: Clear, visually-appealing badges
• Tech Stack: Modern stack icons (frontend/backend, data science & tools)
• Education: School and university with GPA/CGPA
• Hackathon Wins: Visually engaging cards for awards and events
• Extracurricular Activities: Leadership, event host experience
• Projects: Core project details with impact-driven summaries
• Contact: Email, phone, GitHub & LinkedIn (with icons and links)
• Responsive: Looks great on desktop & mobile
• Clean, accessible code for easy customization & further expansion

• React
• Vite
• Modern CSS (Custom, but easy to switch to CSS modules or styled-components)
• SVG, PNG icons for stack/tools – freely replaceable

# 1. Clone the repo
git clone https://github.com/yourusername/your-portfolio.git
cd your-portfolio
# 2. Install dependencies
npm install
# 3. Add your assets:
# - Place your profile photo in src/assets/profile.jpg
# - Add technology logos in src/assets/tech/
# - Download GitHub/LinkedIn SVGs to src/assets/
# (Sample icons available at [simpleicons.org](https://simpleicons.org/))
# 4. Start the development server
npm run dev
# 5. Build for production
npm run build

Open http://localhost:5173/ to see your portfolio!

• Update content:
  • All main sections are in src/components/.
  • Edit arrays, text, and images to fit your background and skills.
• Change styles:
  • Main styles are in src/App.css.
  • Make a new color scheme, update font, or add more animations!
• Add or remove sections:
  • Add a new component under src/components/ and import it in App.jsx.

src/
│-- components/
│ ├─ BioSection.jsx
│ ├─ SkillsSection.jsx
│ ├─ LanguagesSection.jsx
│ ├─ TechStackSection.jsx
│ ├─ EducationSection.jsx
│ ├─ HackathonSection.jsx
│ ├─ ExtracurricularSection.jsx
│ ├─ ProjectsSection.jsx
│ ├─ ContactSection.jsx
│-- assets/
│-- App.jsx
│-- App.css
main.jsx
index.css

• GitHub
• LinkedIn
• Mail

MIT — use freely for personal portfolio inspiration. Credit not required, but appreciated!

• All SVG icons and logos from simpleicons.org, iconoir.com
• Vite, React community for tools & docs

Feel free to fork or raise issues/suggestions. Happy coding!