A minimal and modern developer portfolio built with Next.js and Tailwind CSS, featuring a sleek pitch-black theme, smooth animations, and custom particle effects.
# Clone the repository
git clone https://github.com/YOUR_USERNAME/YOUR_REPO_NAME.git
cd YOUR_REPO_NAME
# Install dependencies
npm install
# Start the development server
npm run devOpen http://localhost:3000 to see your portfolio.
├── app/
│ ├── page.tsx # Main landing page (About Me)
│ ├── coding/page.tsx # Coding & Tech Stack section
│ ├── travel/page.tsx # Travel section
│ ├── art/page.tsx # Art section with custom particle effects
│ ├── contact/page.tsx# Contact links
│ ├── layout.tsx # Root layout & navigation
│ └── globals.css # Global styles and keyframes
├── public/ # Images and assets (me.png, coding.png, travel.png, 1.png, 2.png, 3.png)
└── next.config.ts # Next.js configuration
- Pitch Black Theme: Deep
#000000background for a clean, distraction-free aesthetic. - Terminal Typography: Monospaced fonts for a distinct coder vibe.
- Interactive Animations: Smooth glowing hover effects, CSS-based floating particle animations on the Art page.
- Modern UI Elements: Rounded images and pill-shaped contact buttons.
- Responsive: Looks great on mobile, tablet, and desktop.
| Technology | Version | Purpose |
|---|---|---|
| Next.js | 16 | React framework with App Router |
| React | 19 | UI library |
| Tailwind CSS | 4 | Utility-first styling |
| TypeScript | 5 | Type safety |
npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLintThis project is open source under the MIT License.
Made with ❤️ by Kadeeja Bai.