Skip to content

A beautifully animated, mobile-friendly portfolio built with Next.js, Tailwind CSS & Framer Motion. Showcasing my projects, skills, and contact info in style!

Notifications You must be signed in to change notification settings

ayu-yishu13/ayu-yishu13.github.io

Repository files navigation

🌐 Ayush Kumar Rai — Developer Portfolio

✨ A beautifully animated, mobile-friendly portfolio built with Next.js, Tailwind CSS & Framer Motion. Showcasing my projects, skills, and contact info in style!

🔗 Live Demo

👉 Visit my portfolio: https://ayu-yishu13-github-io.vercel.app/


📸 Preview

Preview


🧠 How I Built This Portfolio (Step-by-Step)

Step Task
✅ 1 Cloned Priyanshu's portfolio for structure
✅ 2 Set up locally with npm install
✅ 3 Replaced all components with my own info (Hero, About, Projects, etc.)
✅ 4 Customized theme using Tailwind and Framer Motion
✅ 5 Pushed code to GitHub
✅ 6 Deployed on Vercel
✅ 7 Added animations, mobile responsiveness, and resume link

🛠 Tech Stack

Layer Technology
Frontend Next.js (React)
Styling Tailwind CSS
Animation Framer Motion
Icons Lucide / Heroicons
Hosting Vercel
Versioning Git + GitHub

📁 Project Structure

📦 root ┣ 📂 components # Navbar, Footer, etc. ┣ 📂 sections # Hero, About, Projects, Contact ┣ 📂 public # Static files (images, resume.pdf) ┣ 📂 styles # Tailwind styles or global.css ┣ 📜 tailwind.config.js ┣ 📜 next.config.js ┣ 📜 package.json ┣ 📜 README.md

yaml Copy Edit


Built with ❤️ by Ayush Kumar Rai using Next.js & Tailwind CSS

⚙️ Run Locally

# Clone the repo
git clone https://github.com/ayu-yishu13/ayu-yishu13.github.io

# Move into folder
cd ayu-yishu13.github.io

# Install dependencies
npm install

# Start dev server
npm run dev

# Visit http://localhost:3000
🧑‍💻 About Me
I’m Ayush Kumar Rai, a 3rd year Computer Science student at Sai Vidya Institute of Technology, specializing in AI/ML and full-stack web development.

🔭 Currently working on ML and web-based side projects

🌱 Learning advanced React, Next.js, and machine learning

💬 Ask me about Python, React, or portfolio design

📬 Contact
Platform	Link
💼 LinkedIn	ayushrai13
🐱 GitHub	ayu-yishu13
📧 Email	ayushkumarrai13@gmail.com

⭐ Like this Portfolio?
If you like my portfolio, please consider giving it a ⭐ and sharing it!
Feel free to fork it and build your own. ```

About

A beautifully animated, mobile-friendly portfolio built with Next.js, Tailwind CSS & Framer Motion. Showcasing my projects, skills, and contact info in style!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published