Welcome to the repository for my personal portfolio website, showcasing my skills, projects, and professional journey as a Full Stack Developer and UI/UX Designer.
🔗 Live Website: supun-kalhara-portfolio.netlify.app
The portfolio is built using modern web development technologies to ensure a smooth, interactive, and responsive user experience:
- Framework: Next.js (React-based)
- Styling: Tailwind CSS
- Animations: Framer Motion
- Hosting: Netlify
- Responsive Design: Fully optimized for desktops, tablets, and mobile devices.
- Smooth Animations: Created with Framer Motion for a dynamic and engaging user experience.
- Interactive Elements: Hover effects, dynamic animations, and intuitive UI/UX.
- Modular Structure: Code structured for scalability and maintainability.
- Tech Stack Showcase: Highlights the technologies I use with hover animations.
- Testimonials: Sliding cards with inspiring quotes from industry professionals.
- Node.js (v16 or later recommended)
- npm (or yarn) package manager
- Clone the repository:
git clone https://github.com/VSupunK/NextJS-Portfolio/tree/Supun's-Portfolio - Navigate to the project directory:
cd your-repo-name - Install dependencies:
npm install
To start the development server:
npm run devVisit http://localhost:3000 in your browser to view the website.
To create a production build:
npm run buildFor static export:
npm run exportThe static files will be available in the out directory.
my-portfolio/
├── components/ # Reusable React components
├── pages/ # Next.js pages
├── public/ # Static assets (images, icons, etc.)
├── data/ # Data for testimonials, companies, etc.
├── next.config.js # Next.js configuration
└── README.md # Project documentation
This portfolio is deployed on Netlify. To redeploy:
- Build the project:
npm run build
- Upload the
outdirectory to Netlify.
If you like my portfolio or want to collaborate, feel free to reach out!
- LinkedIn: Supun Kalhara
- GitHub: @VSupunK
- Email: [email protected]