Rashid Visda — Developer Portfolio
A fast, minimal portfolio built with Next.js 15, TypeScript and Tailwind CSS 4.
Demo
Live demo: https://portfolio-five-sand-23.vercel.app/
What this project does
This repository is a personal developer portfolio (website) that showcases projects, achievements, and analytics. It's implemented with the Next.js 15 App Router, TypeScript, Tailwind CSS, and several UI/analytics integrations (Chart.js, Lucide icons, Keen Slider, WakaTime & GitHub data fetchers).
Key pages:
- Home — featured projects and services (bento grid layout)
- About — bio, work and education
- Projects — dynamic project pages populated from GitHub/README files
- Achievements — certificates and badges with search/filter
- Dashboard — GitHub + WakaTime visualizations (Chart.js)
- Contact — email form (Nodemailer) and social links
Why this is useful
- Lightweight, responsive portfolio starter using modern Next.js features and Turbopack for fast builds
- Dark/light theme support with Tailwind
darkclass - Example integrations for fetching and visualizing external developer data (GitHub, WakaTime)
- Ready-to-deploy to Vercel or other Node.js hosts
Quick start (developer)
Requirements
- Node.js 18+ (recommended)
- npm (or Yarn)
Install and run locally
git clone --depth=1 https://github.com/zidvsd/portfolio.git
cd portfolio
npm install
npm run dev
Open http://localhost:3000 to view the app.
Build for production
npm run build # builds using Turbopack
npm start # runs the production server
Linting
npm run lint
Environment variables
Create a .env.local at the project root with the following values when you need API integrations: