Hari Krishnan | Full Stack Developer Portfolio

This is my personal developer portfolio showcasing my skills, professional experience, and real-world full-stack projects. Built using the MERN stack and styled with TailwindCSS, the portfolio also includes a working contact form with an integrated admin dashboard.

Live Demo

Visit Live Portfolio

Features

• Responsive and modern UI with light/dark theme support
• Scroll-based animations using Framer Motion
• Contact form with backend submission
• Admin dashboard to view messages (protected route)
• SEO-friendly meta tags
• Scroll-to-top navigation
• Mobile menu with toggle

Tech Stack

Frontend:

• React
• Tailwind CSS
• Framer Motion
• React Router
• React Hot Toast

Backend:

• Node.js
• Express.js
• MongoDB
• Mongoose
• CORS, dotenv

Other Tools:

• Postman
• Git & GitHub
• VS Code

Available Pages

• / – Home (hero, projects, about, contact, footer)
• /admin/login – Admin login (protected)
• /admin – Admin dashboard (protected)
• * – 404 Page not found (auto-redirects)

Author

Hari Krishnan Nagarajan
Full Stack Developer | MERN Stack Enthusiast
Email: harikrish61@gmail.com
GitHub: github.com/Harikrish58
LinkedIn: linkedin.com/in/hari-krishnan-283360138