A modern, single-page developer portfolio for Oleti Harshitha, showcasing experience, projects, and skills with a clean, animated UI.
- Sections: Home, About, Experience, Projects, Skills, Contact
- Design: Dark, glassmorphism-inspired layout with soft gradients, glowing accents, and interactive cards
- Interactions:
- Smooth scrolling navigation with active-link highlighting
- Animated typewriter text for roles
- Canvas-based animated background network
- 3D tilt hover effects on cards
- HTML5 – Structure (
port.html) - Tailwind CSS (CDN) – Utility-first styling and layout
- Custom CSS – Global styles, shine & spin animations, tilt-card transitions (
styles.css) - Vanilla JavaScript – Smooth scroll, nav shrink/active state, typewriter effect, canvas network animation, and tilt effect (
main.js)
port.html– Main portfolio pagestyles.css– Additional global and animation stylesmain.js– All interactive behavior and visual effectsprofile.jpg– Profile image used in the hero section (replace with your own)
- Clone or download this repository into your local machine.
- Ensure the file structure stays the same (HTML, CSS, JS, and image in the same folder).
- Open
port.htmldirectly in a browser, or use a local server (for best results):
# Using VS Code Live Server (recommended)
# Right-click `port.html` → "Open with Live Server"- Personal Info: Update name, tagline, and about text in
port.html(Home and About sections). - Experience & Education: Modify the timeline items in the
#experiencesection. - Projects: Edit the cards in the
#projectssection to link to your real repositories or live demos. - Skills: Adjust the chips in the
#skillssection to match your current stack. - Social Links: Update email, LinkedIn URL, and phone number in the
#contactsection.
This project is intended as a personal portfolio. You are free to adapt it for your own portfolio but please credit the original author, Oleti Harshitha, where appropriate.