A professional digital CV designed to showcase my journey as a Software Engineering student and Associate Software Engineer, featuring a responsive design and PDF download functionality.
CV Dashboard
This project is a modern, interactive CV platform built with React 19 and TypeScript. It serves as a comprehensive digital portfolio, highlighting my professional background, technical expertise, and academic achievements. The application is optimized for performance and accessibility, featuring a specialized export functionality that allows users to download a high-quality PDF version of the CV directly from their browser.
- 🚀 Dynamic Profile - Interactive presentation of professional experience and skills.
- 🎨 Modern UI/UX - Clean, professional aesthetic built with Tailwind CSS.
- 🌙 Responsive Design - Fully optimized for seamless viewing on mobile, tablet, and desktop.
- 📄 PDF Export - Instant, high-quality PDF generation using
jsPDFandhtml2canvas. - 🔍 Interactive Contact - One-click access to GitHub, LinkedIn, and Email.
- 💼 Career Timeline - Detailed tracking of professional roles and academic history.
| Layer | Technology |
|---|---|
| Framework | React v19.0.0 |
| Language | TypeScript v4.9.5 |
| Styling | Tailwind CSS v3.3.3 |
| Icons | Lucide React v0.477.0 |
| PDF Generation | jsPDF v3.0.0 |
| Deployment | GitHub Pages |
git clone https://github.com/PramudithaN/pramuditha_cv.git
cd pramuditha_cvpnpm installpnpm startOpen http://localhost:3000 in your browser.
| Command | Description |
|---|---|
npm start |
Runs the app in development mode. |
npm run build |
Builds the app for production to the build folder. |
npm test |
Launches the test runner. |
npm run deploy |
Deploys the application to GitHub Pages. |
npm run eject |
Removes the single build dependency from your project. |
pramuditha_cv/
├── public/ # Static assets and entry HTML
│ ├── cvImg.png # CV Preview image
│ ├── index.html # HTML template
│ └── manifest.json # Web App Manifest
├── src/ # Source code
│ ├── App.tsx # Main CV logic and layout
│ ├── index.tsx # Application entry point
│ ├── App.css # Component-specific styles
│ └── index.css # Global Tailwind directives
├── tailwind.config.js # Styling configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Project dependencies and scripts
- GitHub: github.com/PramudithaN
- LinkedIn: linkedin.com/in/pramuditha-nadun-612b1b204
- Email: pramudithanadun@gmail.com
Developed with ❤️ by Pramuditha Nadun.