https://github.com/vignesh6236/portfolio
An interactive 3D Portfolio Website showcasing my skills, projects, and contact details in an interactive and engaging manner.
https://github.com/vignesh6236/portfolio
emailjs gsap-animation reactjs reactthreedrei reactthreefiber tailwindcss three-js
Last synced: 10 months ago
JSON representation
An interactive 3D Portfolio Website showcasing my skills, projects, and contact details in an interactive and engaging manner.
- Host: GitHub
- URL: https://github.com/vignesh6236/portfolio
- Owner: Vignesh6236
- Created: 2025-01-11T07:08:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-01T07:58:18.000Z (12 months ago)
- Last Synced: 2025-02-13T00:41:20.556Z (12 months ago)
- Topics: emailjs, gsap-animation, reactjs, reactthreedrei, reactthreefiber, tailwindcss, three-js
- Language: JavaScript
- Homepage: https://vignesh-n.netlify.app/
- Size: 17.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [3D Interactive Portfolio 🌐](https://vignesh-n.netlify.app/)
The portfolio website is a visually engaging and interactive web-based portfolio that showcases projects, skills, and contact information through immersive 3D elements. Built with modern web technologies, it provides a dynamic experience that allows users to explore content in an interactive manner.
## Table of Contents
- [Project Description](#project-description-)
- [Features](#features-)
- [Tech Stack](#tech-stack-%EF%B8%8F)
- [Screenshots](#screenshots-)
- [Deployment](#deployment-)
- [Contributing](#contributing-)
- [Acknowledgments](#acknowledgments-)
## Project Description 📝
This 3D portfolio website is designed to showcase work and expertise in a unique and engaging way. It incorporates **interactive 3D models** to enhance the user experience and provide an immersive visual journey. The portfolio includes sections for an introduction, about, projects, and a contact form where visitors can send direct emails using **EmailJS**.
## Features 🌟
- **Interactive 3D Models:** Smooth, dynamic 3D elements powered by Three.js and React Three Fiber.
- **Engaging Animations:** Enhanced with **GSAP** for fluid transitions and animations.
- **Responsive Design:** Optimized for all devices—desktops, tablets, and mobile phones.
- **Direct Contact Form:** Users can send messages directly through **EmailJS**.
- **Fast Performance:** Built with **Vite** for a high-performance user experience.
## Tech Stack 🛠️
- **[React.js](https://reactjs.org/):** Frontend framework for building interactive UI.
- **[Vite](https://vitejs.dev/):** Fast and optimized build tool.
- **[Three.js](https://threejs.org/):** 3D JavaScript library for rendering interactive models.
- **[React Three Fiber](https://github.com/pmndrs/react-three-fiber):** React renderer for Three.js.
- **[Tailwind CSS](https://tailwindcss.com/):** Utility-first CSS framework for rapid UI design.
- **[GSAP](https://greensock.com/gsap/):** For smooth and advanced animations.
- **[EmailJS](https://www.emailjs.com/):** Allows visitors to send emails directly from the website.
- **[Netlify](https://www.netlify.com/):** Hosting and deployment platform.
## Screenshots 📷
*The following screenshots demonstrate the interactive and responsive nature of the portfolio.*
### Desktop View
### Mobile View
## Deployment 🚀
The 3D Portfolio is deployed using **[Netlify](https://www.netlify.com/)** for seamless hosting and quick deployment. You can view the live site here:
**[https://vignesh-n.netlify.app/](https://vignesh-n.netlify.app/)**
## Contributing 🤝
Contributions are welcome! If you have ideas for improvements or new features, feel free to submit a [Pull Request](https://github.com/Vignesh6236/portfolio/pulls).
## Acknowledgments 🙏
- **[React.js](https://reactjs.org/)** for making UI development intuitive and scalable.
- **[Three.js](https://threejs.org/)** and **[React Three Fiber](https://github.com/pmndrs/react-three-fiber/)** for enabling interactive 3D elements.
- **[Tailwind CSS](https://tailwindcss.com/)** for providing a flexible and responsive UI design.
- **[GSAP](https://greensock.com/gsap/)** for adding smooth animations.
- **[EmailJS](https://www.emailjs.com/)** for seamless email integration.
- **[Netlify](https://www.netlify.com/)** for easy deployment and hosting.