Welcome to the official repository of my production-grade engineering portfolio. This website is designed with a premium, cyberpunk-inspired neon glassmorphic interface, demonstrating state-of-the-art web engineering, physics-based interactions, and integrated intelligent widgets.
🌐 Live Demo: Click Here
- Core Framework: React + Vite (optimized with lazy-loaded route-based code splitting)
- Styling Engine: TailwindCSS v3.4 (Custom colors, neon glow tokens, and dark glassmorphic backdrops)
- Animation & Physics: Framer Motion 12 (Responsive layout transitions, float keyframes, and scroll-progress indexing)
- Component Icons: Lucide React
- Hosting & Delivery: Configured for high-speed edge distribution (Vercel/GitHub Pages)
An interactive command-line terminal simulation (NAV-OS v2.4.1) connected directly to my profile.
- Commands Supported:
whoami— Prints career background and core engineering focus.skills— Displays backend, AI/ML, data, and devops stacks.projects— Triggers an automated client router redirection to/projectsafter a brief system processing delay.contact— Redirects securely to the/contactroute.help— Lists all available shell parameters.clear— Empties the console buffer.
- Features: Caret blink animation, process latency simulation, auto-scrolling terminal buffer, and responsive layout wrapping.
A custom RAG-grounded conversational agent embedded into the site.
- Typing/Streaming Engine: Simulates a word-by-word streaming generative pattern using random timing variances for lifelike feedback.
- Knowledge Grounding: Programmed to answer complex questions about my professional experience (Upstride Internship), hackathon awards (2nd Place IEEE GenAI), education (NIT Durgapur), and systems design philosophies.
- UI/UX: Animated drawer overlay leveraging Framer Motion's
AnimatePresencefor fluid entry and exit states.
- Detailed case study reviews of complex backend projects including Lumina (AI Wellness Companion), PathAI (FastAPI + TF-IDF resume analytics built at IISc Bangalore), SMART College Complaint, and Excel AI ETL pipeline.
- Dynamic navigation with fully decoupled project routing (
ProjectDetail.jsx).
- Hand-tuned semantic HTML5 structure.
- Fully customized Open Graph (OG), Twitter Card metadata, and custom SVG favicons.
- Integrated Schema.org Person Markup (JSON-LD) to ensure instant, high-quality search engine indexing.
Ensure you have Node.js installed on your machine.
# Clone the repository
git clone https://github.com/Navaneeth187/Navaneeth-Portfolio.git
# Navigate into the project folder
cd Navaneeth-Portfolio/navaneeth_portfolio
# Install required packages
npm installLaunches the Vite dev server with Hot Module Replacement (HMR).
npm run devOpen http://localhost:5173 in your browser to view the application.
Builds and optimizes the static files for high-performance production hosting under the dist/ directory.
npm run buildPandiripalli Navaneeth Babu
- Role: AI Engineer & Automation Developer
- Education: National Institute of Technology Durgapur
- Email: navaneethp1407@gmail.com
- LinkedIn: navaneeth-babu-pandiripalli-9b2447287
- GitHub: @Navaneeth187