https://github.com/ratna-babu/portfolio
A personal portfolio website built with HTML, CSS, and JavaScript to showcase my projects, skills, achievements, and experiences. Deployed on Vercel.
https://github.com/ratna-babu/portfolio
developer-portfolio github github-readme portfolio portfolio-project portfolio-template portfolio-website readme-profile source-code
Last synced: about 9 hours ago
JSON representation
A personal portfolio website built with HTML, CSS, and JavaScript to showcase my projects, skills, achievements, and experiences. Deployed on Vercel.
- Host: GitHub
- URL: https://github.com/ratna-babu/portfolio
- Owner: Ratna-Babu
- Created: 2025-08-27T15:35:41.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-27T16:18:37.000Z (10 months ago)
- Last Synced: 2025-08-28T01:32:38.947Z (10 months ago)
- Topics: developer-portfolio, github, github-readme, portfolio, portfolio-project, portfolio-template, portfolio-website, readme-profile, source-code
- Language: JavaScript
- Homepage: https://portfolio-kappa-topaz-72.vercel.app
- Size: 26.6 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Professional Portfolio
A personal portfolio website built with HTML, CSS, and JavaScript to showcase my projects, skills, achievements, and experiences. Deployed on Vercel.
**Live Demo**: [Portfolio](https://portfolio-kappa-topaz-72.vercel.app/)
---
## Features
- **Interactive Particle Background**: A beautiful, animated particle background that responds to mouse movement, built with `tsParticles`.
- **Fluid Cursor Trail**: A custom, snake-like cursor trail that follows the mouse with a smooth, tapered animation, powered by GSAP.
- **Dynamic Content Loading**: All project, skill, and profile information is loaded dynamically from JavaScript modules, making the site easy to update.
- **Smooth Animations**: The entire site is filled with subtle, professional animations powered by the GreenSock Animation Platform (GSAP), including scroll-triggered fade-ins and an interactive project slider.
- **Fully Responsive**: The layout is designed to be fully responsive, providing an optimal viewing experience on all devices, from mobile phones to desktops.
- **Modal Popups**: Certificates and project images open in a clean, modern modal window for a seamless viewing experience.
---
## Technologies Used
- **Frontend**: HTML5, CSS3, JavaScript (ES6 Modules)
- **Animation**:
- [GSAP (GreenSock Animation Platform)](https://greensock.com/gsap/)
- [tsParticles](https://particles.js.org/)
- **Icons**: [Devicon](https://devicon.dev/)
- **Fonts**: [Google Fonts](https://fonts.google.com/) (Poppins & Inter)
---
## Local Setup
To run this project locally, simply clone the repository and open the `index.html` file in your web browser.
```bash
# Clone the repository
git clone https://github.com/your-username/your-repo-name.git
# Navigate to the project directory
cd your-repo-name
# Open index.html in your browser
```
---
_This portfolio was built with care and a passion for modern web technologies. Feel free to explore the code and connect with me!_