Skip to content

A modern, interactive, and fully responsive developer portfolio built with React.js and Vite. Includes smooth animations, dynamic components

License

Notifications You must be signed in to change notification settings

Dass23M/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 

Repository files navigation

🌐 Portfolio - React.js Web Developer Showcase

Welcome to my portfolio website — a modern, interactive, and responsive application built with React.js and Vite. It showcases my skills as a web developer and open-source enthusiast, highlighting projects, animations, and smooth user experiences.

🚀 Overview

This portfolio is a creative and dynamic way to present my skills and experience. It leverages tools like GSAP, Framer Motion, and Lenis for buttery-smooth animations and interactions, making it engaging and memorable for users and recruiters alike.

🎯 Key Features

  • Interactive Animations – Powered by GSAP, Framer Motion, and Lenis for scroll-based and cursor-driven transitions.
  • 📱 Responsive Design – Optimized for mobile, tablet, and desktop.
  • ⚙️ Dynamic Components – Project cards, horizontal sliders, animated hero section, and smooth scroll navigation.
  • 🌐 Email Integration – Contact form connected via EmailJS and Nodemailer.
  • 💡 Particles Background – Powered by tsparticles and react-tsparticles.

🛠️ Tech Stack

  • Frontend: React, Vite, JavaScript, CSS
  • Animations: GSAP, Framer Motion, Lenis
  • Particles: tsparticles, react-tsparticles, @tsparticles/slim, @tsparticles/react
  • Form Handling: React Hook Form, EmailJS
  • UI Elements: react-icons, swiper.js, react-scroll, react-anchor-link-smooth-scroll
  • Backend (for Email API): Express, Nodemailer, CORS
  • Utilities: Axios
  • Linting: ESLint

📦 Installation

To run this project locally:

git clone https://github.com/Dass23M/Portfolio.git
cd Portfolio
npm install
npm run dev

This will start the development server on http://localhost:5173

🤝 Contributing

Contributions are welcome! Here's how to get started:

  1. Fork the repository
  2. Create your feature branch
    git checkout -b feature/your-feature
  3. Commit your changes
    git commit -m "Add your feature"
  4. Push to the branch
    git push origin feature/your-feature
  5. Create a new Pull Request

👨‍💻 About Me

I'm Dasun Methmal, a passionate software developer currently studying at Cardiff Metropolitan University. I enjoy building modern, responsive web apps and working with tools like:

  • ⚛️ React.js
  • 🐘 Laravel
  • 🐳 Docker
  • 🧪 REST APIs

Connect with me on GitHub

📄 License

This project is licensed under the MIT License — feel free to use, modify, and share!


Made with ❤️ by Dasun Methmal

Releases

No releases published

Packages

No packages published