A modern, minimalist portfolio website showcasing my work as a Frontend Developer. Built with Next.js 15 and featuring a clean, terminal-inspired design with a focus on performance and user experience.
- Modern Design: Clean, minimalist interface with a terminal-inspired aesthetic
- Responsive Layout: Optimized for all devices and screen sizes
- Performance Optimized: Built with Next.js 15 and Turbopack for lightning-fast builds
- Interactive Elements: Smooth animations and hover effects
- Social Integration: Direct links to GitHub, LinkedIn, and Twitter profiles
- Contact Information: Easy access to professional contact details
- Framework: Next.js 15 with App Router
- Styling: Tailwind CSS 4
- Icons: Lucide React
- Build Tool: Turbopack for faster development
- Deployment: Optimized for Vercel deployment
src/
├── app/ # Next.js App Router pages
│ ├── layout.js # Root layout component
│ ├── page.js # Home page component
│ └── globals.css # Global styles
├── components/ # Reusable UI components
│ ├── sections/ # Page section components
│ └── ui/ # Base UI components
└── data/ # Static data and content
└── portfolio.js # Portfolio data and configuration
- Node.js 18+
- npm, yarn, pnpm, or bun
- Clone the repository:
git clone https://github.com/shanuflash/portfolio.git
cd portfolio- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 in your browser to see the result.
- Development:
npm run dev- Starts the development server with Turbopack - Build:
npm run build- Creates an optimized production build - Start:
npm run start- Starts the production server
The portfolio is fully responsive and optimized for:
- Desktop (1024px+)
- Tablet (768px - 1023px)
- Mobile (320px - 767px)
To customize the portfolio for your own use:
- Update personal information in
src/data/portfolio.js - Replace profile images in the
public/directory - Modify color scheme in
src/app/globals.css - Update social links and contact information
© 2024 Shanu Sivakumar. All rights reserved.
This project is for portfolio demonstration purposes. Please do not copy or redistribute without permission.
- Email: hello@shanu.dev
- LinkedIn: linkedin.com/in/shanuflash
- GitHub: github.com/shanuflash
- Twitter: @shanuflash
Built with ❤️ using Next.js and Tailwind CSS