Skip to content

Harshitha22594/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio

Oleti Harshitha – Portfolio

A modern, single-page developer portfolio for Oleti Harshitha, showcasing experience, projects, and skills with a clean, animated UI.

✨ Overview

  • 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

🛠 Tech Stack

  • 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)

📂 Project Structure

  • port.html – Main portfolio page
  • styles.css – Additional global and animation styles
  • main.js – All interactive behavior and visual effects
  • profile.jpg – Profile image used in the hero section (replace with your own)

🚀 Getting Started

  1. Clone or download this repository into your local machine.
  2. Ensure the file structure stays the same (HTML, CSS, JS, and image in the same folder).
  3. Open port.html directly 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"

🔧 Customization

  • Personal Info: Update name, tagline, and about text in port.html (Home and About sections).
  • Experience & Education: Modify the timeline items in the #experience section.
  • Projects: Edit the cards in the #projects section to link to your real repositories or live demos.
  • Skills: Adjust the chips in the #skills section to match your current stack.
  • Social Links: Update email, LinkedIn URL, and phone number in the #contact section.

📄 License

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors