Portfolio_Jeevitha

Know about Myself

Comment

Jeevitha Selvaraj - Professional Developer Portfolio

A responsive, high-fidelity, and modern developer portfolio website designed for final-year Information Technology student Jeevitha Selvaraj.

Built with React, TypeScript, Tailwind CSS, and Framer Motion. Featuring glassmorphism design accents, custom scroll progress indicators, floating vector backgrounds, typewriter hero interactions, coding profile grids, and interactive form feedback.

🚀 Tech Stack

  • Frontend Core: React, TypeScript, Vite
  • Styling: Tailwind CSS, PostCSS, Autoprefixer
  • Animations: Framer Motion (Fade-in animations, Hover scale effects, Blob floating loops, Typewriter role rotation)
  • Icons: Lucide React, React Icons (Simple Icons)

📦 Features & Sections

  1. Hero Section: Typing role rotation, direct CV download integration, and modern call-to-actions.
  2. About Me: CGPA metric display, education details, and professional software aspiration pitch.
  3. Skills Panel: Divided categories (Programming, Frontend, Backend, Tools) with interactive cards.
  4. Projects Grid: Detailed project cards showcasing tech stacks, descriptions, GitHub links, and custom graphic mock dashboards representing the project UIs:
    • Interview Portal
    • Multilingual Text Translator
    • AgriLink Marketplace
    • Quiz Application
    • Automatic Brightness Controller
  5. Work Experience: Software Intern at Nunnari Labs (June 2025).
  6. Certifications & Workshops: NPTEL, Walmart, and GitHub training cards.
  7. Achievements: Medal-based cards detailing puzzle quest, bug bash, and best library user awards.
  8. Academic Timeline: B.Tech IT & Higher Secondary schooling timeline.
  9. Coding Profiles: direct dashboard connections to LeetCode, GitHub, LinkedIn, HackerRank, and CodeChef.
  10. Contact Form: High-fidelity form client validation, error messages, and loading/success states.

🛠️ Getting Started

Prerequisites

  • Node.js (v18+)
  • npm or yarn

Installation

  1. Clone or copy the portfolio code to your directory:

    cd jeevitha-portfolio

  2. Install dependencies:

    npm install

  3. Start the local development server:

    npm run dev

  4. Build the app for production:

    npm run build

🌍 Deployment

Deploy on Vercel

The project includes vercel.json to handle client routing redirection automatically.

  1. Install vercel CLI or push code to GitHub and link to Vercel.
  2. Ensure build command is npm run build and output directory is dist.

Deploy on Netlify

The project includes public/_redirects to handle client routing on Netlify.

  1. Push code to GitHub and link to Netlify.
  2. Set build command: npm run build, and publish directory: dist.
Share this project:

Updates