DEV Community

Yash Mishra
Yash Mishra

Posted on

PORTFOLIO — NOW LIVE

🚀 I Just Launched My Personal Portfolio Website!

After a lot of experimenting, coding, debugging, and refining, I'm excited to share that my personal portfolio website is officially live!

🔗 Check it out: https://yash-mishra-portfolio-five.vercel.app/

I wanted to build more than just a traditional developer portfolio. My goal was to create an experience that reflects my interest in technology, creativity, problem-solving, and building meaningful digital products.

✨ What I Built

The portfolio includes:

  • A cinematic hero section with a custom 3D YM-inspired sculpture.
  • Interactive navigation and smooth animations.
  • An About section introducing my approach to technology.
  • An interactive expertise and skills section.
  • Dedicated pages for my projects.
  • An education and technical journey timeline.
  • A contact form integrated with Gmail SMTP.
  • Responsive layouts for desktop and mobile.

🛠️ Tech Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Three.js / React Three Fiber
  • Framer Motion
  • GSAP
  • Node.js
  • Nodemailer
  • Vercel

💻 Featured Projects

1. AI-Powered Cyber Threat Detection

A Flask application that uses a Random Forest machine learning pipeline to classify network traffic records.

🔗 Live Demo | GitHub

2. Smart Attendance System

A FastAPI-based application featuring face registration, recognition-based attendance marking, and an attendance dashboard.

🔗 Live Demo | GitHub

3. Movie Recommendation Site

A movie discovery platform combining a catalogue with text-based recommendation logic.

🔗 Live Demo | GitHub

🧠 What I Learned

This project helped me explore and improve my understanding of:

  • Building modern applications with Next.js and React.
  • Working with 3D elements and interactive animations.
  • Creating responsive and accessible interfaces.
  • Integrating backend APIs and email functionality.
  • Managing environment variables and deployment.
  • Using GitHub and Vercel in a real development workflow.

One thing this experience reminded me of:

The best way to predict the future is to build it.

I'm still learning, experimenting, and improving with every project.

I'd love to hear your thoughts!

👉 Visit my portfolio: https://yash-mishra-portfolio-five.vercel.app/

💬 What would you improve or add to this portfolio?

webdev #nextjs #react #typescript #portfolio #javascript #frontend #buildinpublic

Top comments (0)