Personal portfolio for Aryan Randeriya — developer, designer, and builder based in Ahmedabad, India. Covers projects, freelance work, graphic design, a blog, a bookshelf, photos, and more.
Live at aryanranderiya.com.
- Astro — site framework, content collections, SSR/SSG
- React — interactive islands via
client:load/client:visible - Tailwind CSS v4 — utility styling
- Framer Motion + GSAP — animations
- MDX — blog and project content
- Biome — linting and formatting
- TypeScript throughout
npm install
npm run devBuild for production:
npm run build
npm run previewOther useful scripts: npm run type-check, npm run lint:fix, npm run check:fix.
The UI follows a strict flat design system. No borders, no outlines, no decorative shadows — background fills (bg-[var(--muted-bg)]) handle surface differentiation instead. All icons come from @theexperiencecompany/gaia-icons (solid-rounded set), never from emojis or Unicode symbols.
Spotify and GitHub integrations require secrets at build time:
SPOTIFY_CLIENT_ID=
SPOTIFY_CLIENT_SECRET=
SPOTIFY_REFRESH_TOKEN=
GITHUB_TOKEN=