This is my personal portfolio website built with React and Vite.
It showcases my profile, interests, skills, certifications, projects, and includes an option to download my resume.
🔗 Repository: https://github.com/NKG-S/Portfolio
-
Home / Intro
- Short introduction about myself
- Clean, user-friendly layout with smooth animations
-
About
- My background and areas of interest
- Skill set (technical and soft skills)
- List of certifications
-
Projects
- Projects section highlighting my work
- Each project includes a title, description and technologies used
- (Optional) Links to GitHub repos or live demos for each project
-
Resume Download
- Dedicated tab/button to download my latest resume as a PDF
-
UI / UX
- Responsive design for desktop and mobile
- Simple, consistent theme and smooth animations
- Built as a static website for fast loading
- Frontend: React (with Vite)
- Language: JavaScript (ES6+)
- Styling: CSS
- Build Tool / Dev Server: Vite
Follow these steps to run the project locally.
- Node.js (LTS version recommended)
- npm (comes with Node.js) or yarn/pnpm
git clone https://github.com/NKG-S/Portfolio.git
cd Portfolionpm installnpm run devThen open the URL shown in the terminal (usually http://localhost:5173) in your browser.
npm run buildThis will generate an optimized production build in the dist folder.
npm run preview
# or
yarn preview
# or
pnpm previewYou can customize the portfolio content by editing the React components inside the src/ folder, for example:
- Intro / Home section: Update your name, tagline, and short introduction
- About section: Update interests, skill set, and certifications
- Projects section: Add or modify project cards (title, description, tech stack, links)
- Resume: Replace the existing resume file (PDF) and ensure the download link points to the correct file
Since this is a static React + Vite project, it can be deployed easily to platforms like:
- GitHub Pages
- Netlify
- Vercel
Build the project with:
npm run buildThen deploy the contents of the dist folder to your hosting provider.
Feel free to reach out if you have any questions or suggestions!
- GitHub: @NKG-S
- LinkedIn: Nethmin-Kavindu