A modern, professional portfolio website featuring advanced animations, centered navigation, and premium UI components. Built with performance, accessibility, and exceptional user experience in mind.
- Development: http://localhost:3000
- Production: [Coming Soon]
- GSAP Text Animations: Character-by-character reveal effects
- Framer Motion: Smooth page transitions and scroll-based animations
- Centered Navigation: Professional floating navigation bar
- Shadcn UI Components: Premium, accessible component library
- Gradient Accents: Modern color schemes and visual hierarchy
- Next.js 14 with App Router and TypeScript
- GSAP Integration for advanced text animations
- Shadcn UI for consistent, accessible components
- Tailwind CSS with custom animations
- Framer Motion for smooth interactions
- Performance Optimized - Fast loading and smooth scrolling
- Next.js 14 (App Router) - React framework with SSR
- TypeScript - Type safety and developer experience
- React 18 - Latest React features and concurrent rendering
- Tailwind CSS - Utility-first CSS framework
- Shadcn UI - High-quality, accessible components
- CSS Variables - Dynamic theming system
- Tailwind Animate - Extended animation utilities
- GSAP - Professional-grade animations
- Framer Motion - React-specific animation library
- Scroll-based Animations - Reveal on scroll effects
- Node.js 18+
- npm or yarn
-
Clone the repository
git clone https://github.com/nishadhasan/portfolio.git cd portfolio -
Install dependencies
npm install
-
Run development server
npm run dev
-
Open in browser
- Navigate to http://localhost:3000
# Development
npm run dev
# Production build
npm run build
# Start production server
npm run start
# Code formatting
npm run format
# Linting
npm run lintNishad Hasan - Frontend Developer
- Email: hello@nishadhasan.dev
- GitHub: github.com/nishadhasan
- LinkedIn: linkedin.com/in/nishadhasan
Built with ❤️ using Next.js, GSAP, Framer Motion, and Shadcn UI