├── Overview
├── Features
├── Tech Stack
├── Getting Started
├── Project Structure
├── Design Philosophy
├── Performance
└── Contact
A modern, minimalist portfolio showcasing my work as a Frontend Developer and UI/UX Designer. Built with cutting-edge web technologies and designed with a monochrome glassmorphism aesthetic.
const portfolio = {
name: "Nirav Thakur",
role: ["Frontend Developer", "UI/UX Designer", "Photographer"],
location: "Mumbai, India",
status: "Available for work",
focus: ["Next.js", "TypeScript", "Tailwind CSS", "Figma"]
};
|
|
| Category | Technologies |
|---|---|
| Framework | Next.js 16.1.5 React 19.2.3 |
| Language | TypeScript 5.x |
| Styling | Tailwind CSS 4.0 PostCSS |
| Font | Azeret Mono |
| Deployment | Vercel |
node >= 18.0.0
npm >= 9.0.0# Clone the repository
git clone https://github.com/Niravcanvas/Portfolio.git
# Navigate to project directory
cd Portfolio
# Install dependencies
npm install
# Run development server
npm run dev# Create optimized production build
npm run build
# Start production server
npm startThe application will be available at http://localhost:3000
Portfolio/
│
├── src/
│ ├── app/
│ │ ├── layout.tsx # Root layout with Azeret Mono font
│ │ ├── page.tsx # Main page component
│ │ └── globals.css # Global styles & animations
│ │
│ └── components/
│ ├── Navbar.tsx # Navigation bar
│ ├── Hero.tsx # Hero section with stats
│ ├── About.tsx # About me section
│ ├── Projects.tsx # Featured projects
│ ├── Contact.tsx # Contact form
│ └── Footer.tsx # Footer section
│
├── public/ # Static assets
├── package.json # Dependencies
└── README.md # You are here
|
|
|
--background: #000000;
--foreground: #ffffff;
--glass-bg: rgba(255, 255, 255, 0.05);
--glass-border: rgba(255, 255, 255, 0.1);
--text-primary: #ffffff;
--text-secondary: #a1a1a1;
--text-muted: #737373;| Metric | Score |
|---|---|
| Performance | 95+ |
| Accessibility | 100 |
| Best Practices | 100 |
| SEO | 100 |
Lighthouse scores for production build
- ✓ Image optimization with Next.js Image component
- ✓ Font optimization with next/font
- ✓ Code splitting and lazy loading
- ✓ Minimal JavaScript bundle
- ✓ CSS optimization with Tailwind
- ✓ Static page generation where possible
|
National-level hackathon website Stack: Next.js, TypeScript, Tailwind CSS |
Premium expense tracking app Stack: Next.js, TypeScript, Glassmorphism UI |
┌─────────────────────────────────────┐
│ 📧 [email protected] │
│ 📍 Mumbai, India │
│ 💼 Available for freelance work │
└─────────────────────────────────────┘
MIT License
Copyright (c) 2026 Nirav Thakur
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.