A modern, responsive personal portfolio website showcasing my work as a Full Stack Developer.
🔗 Live: vasu-me.netlify.app
- Hero Section — Animated typing effect with call-to-action buttons & downloadable CV
- Bento Grid Layout — About Me, Focus Areas, and Tech Stack in a modern card-based grid
- Tech Stack Carousel — Auto-scrolling showcase of technologies (Swiper.js)
- Featured Projects — Filterable project gallery with live demos & GitHub links (MixItUp)
- Education Timeline — Academic history in a clean timeline layout
- Contact Form — Integrated with Formspree for instant email delivery
- Dark / Light Theme — Toggle between themes with persistent preference
- Custom Cursor — Interactive dot-and-outline cursor animation
- Scroll Animations — Smooth reveal effects powered by AOS (Animate On Scroll)
- 3D Tilt Cards — Subtle tilt & glare on hover using Vanilla Tilt
- Back-to-Top Button — Circular progress indicator showing scroll position
- Fully Responsive — Optimized for mobile, tablet, and desktop
| Layer | Technologies |
|---|---|
| Markup | HTML5, Semantic Elements, Open Graph / SEO Meta |
| Styling | CSS3, Custom Properties, Flexbox, Grid |
| Logic | Vanilla JavaScript (ES6+) |
| Libraries | Swiper.js · AOS · Vanilla Tilt · MixItUp |
| Icons | Unicons · Font Awesome |
| Fonts | Inter · Playfair Display (Google Fonts) |
| Forms | Formspree |
| Hosting | Netlify |
my-portfolio-website/
├── assets/
│ ├── images/ # Hero & OG preview images
│ ├── project-thumbnails/ # Optimized project screenshots (.webp)
│ ├── technologies/ # Tech stack logos
│ ├── favicon.png
│ ├── mixitup.min.js # MixItUp library (local)
│ └── Sreenivasulu Kalluru.pdf # Downloadable CV
├── data.js # Projects & services data
├── index.html # Main HTML page
├── index.js # Core JS (projects, theme, cursor, navigation)
├── typing.js # Typing animation effect
├── style.css # All styles (themes, layout, animations)
├── package.json
└── README.md
# Clone the repository
git clone https://github.com/Sreenivasulu-Kalluru/my-portfolio-website.git
cd my-portfolio-website
# Install dependencies (only needed for image optimization)
npm install
# Open in browser
# Simply open index.html in your browser, or use a local server:
npx serve .No build step required — this is a static site.
| Project | Description | Stack |
|---|---|---|
| SVU MCA Alumni Portal | University alumni networking platform with mentorship, jobs & events | Next.js, Node.js, MongoDB |
| Campus Book Exchange | Real-time textbook exchange for students | Full Stack (MERN) |
| Streamify | Language learning platform | MERN Stack |
| ProShop | E-commerce application | MERN Stack |
| Property Pulse | Property rental application | Next.js 14 |
| OmniFood | Food website landing page | HTML & CSS |
- Email: Contact Form on Portfolio
- LinkedIn: linkedin.com/in/vasuk24
- GitHub: github.com/Sreenivasulu-Kalluru
- Twitter/X: twitter.com/vasuk24
This project is licensed under the ISC License.