Welcome to my personal developer portfolio!
This project showcases my skills, experience, and selected projects as a software engineer, built with Next.js, TypeScript, TailwindCSS, and Framer Motion.
- Landing Page: Animated hero section, typewriter effect, and contact modal.
- Projects Showcase: Interactive cards and detailed views for each project.
- Skills Section: Categorized skills with icons.
- Experience & Education: Timeline and details of my professional journey.
- Responsive Design: Mobile-friendly layouts using TailwindCSS.
- SEO Optimized: Meta tags, Open Graph, and sitemap generation.
- Dark Mode: Theme support for light and dark modes.
- Contact Form: Modal for direct communication.
- Frontend: Next.js, React, TypeScript, TailwindCSS, Framer Motion
- Icons & Animations: Custom SVGs, Framer Motion
- SEO: next-seo, sitemap generator
- Deployment: Vercel
src/
animation/ # Reusable animation components
components/ # UI components (hero, projects, skills, etc.)
data/ # Static data (projects, skills, experience)
hooks/ # Custom React hooks
layout/ # Layout components (navbar, footer)
pages/ # Next.js pages
scripts/ # Utility scripts (sitemap, etc.)
styles/ # Global styles
utility/ # Helper functions
public/ # Static assets (images, icons, resume)
-
Clone the repository
git clone https://github.com/Nirosh-Shetty/my_portfolio.git cd my_portfolio -
Install dependencies
npm install
-
Run the development server
npm run dev
-
Open http://localhost:3000 in your browser
- Update your details in
src/data/siteMetaData.mjs - Add/edit projects in
src/data/projects.ts - Add/edit skills in
src/data/skills.ts - Replace images in
public/images/
Credit:
This portfolio project was originally created by Amit Chauhan.
I have modified and customized it to reflect my own style, projects, and personal details.


