https://github.com/dass23m/portfolio
A modern, interactive, and fully responsive developer portfolio built with React.js and Vite. Includes smooth animations, dynamic components
https://github.com/dass23m/portfolio
contribute contributions-welcome css html javascript open-source portfolio portfolio-website react reactjs reactwebsite responsive webdevelopment website
Last synced: 11 months ago
JSON representation
A modern, interactive, and fully responsive developer portfolio built with React.js and Vite. Includes smooth animations, dynamic components
- Host: GitHub
- URL: https://github.com/dass23m/portfolio
- Owner: Dass23M
- License: mit
- Created: 2025-04-22T14:31:21.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-07T21:36:42.000Z (12 months ago)
- Last Synced: 2025-07-07T22:06:39.539Z (12 months ago)
- Topics: contribute, contributions-welcome, css, html, javascript, open-source, portfolio, portfolio-website, react, reactjs, reactwebsite, responsive, webdevelopment, website
- Language: JavaScript
- Homepage: https://dass23m.github.io/Portfolio/
- Size: 82 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌐 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:
```bash
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](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](https://github.com/Dass23M)
## 📄 License
This project is licensed under the **MIT License** — feel free to use, modify, and share!
---
Made with ❤️ by Dasun Methmal