Welcome to my digital playground — a handcrafted portfolio site where design meets code, and inspiration takes flight.
This portfolio is a personal showcase of my work, journey, and creative experiments. Every pixel and line of code is thoughtfully crafted to reflect my passion for building beautiful, performant web experiences.
- Coded in: Visual Studio Code
- Built with: Astro & Tailwind CSS
- Deployed to: Cloudflare Workers
This site draws heavy inspiration from some of the most creative minds in the web community:
- Brittany Chang — for her stunning layouts and attention to detail.
- Paco Coursey — for his minimalist, interactive approach to personal sites.
- Anthony Fu — for his innovative use of modern web technologies and playful design.
Their work has shaped the aesthetics, interactions, and spirit of this portfolio. If you love what you see here, be sure to check out their sites!
portfolio/
├── public/ # Static assets (images, fonts, resume, etc.)
├── src/
│ ├── assets/ # SVGs and icons
│ ├── components/ # Astro components
│ ├── data/ # JSON data for projects, experience, etc.
│ ├── layouts/ # Page layouts
│ ├── lib/ # Utility scripts
│ ├── pages/ # Site pages
│ └── styles/ # Global styles
├── package.json
└── astro.config.mjs
To run locally:
npm install
npm run devThen visit localhost:4321 in your browser.
npm run build— Build for productionnpm run preview— Preview the production build- Deploy to Cloudflare Workers for lightning-fast performance
- Headings: Newspaper
- Body: Inter
- Mono: SF Mono
This project is licensed under the MIT License - see the LICENSE file for details.
Want to connect or collaborate? Reach out via the contact form on the site or find me on Telegram - message@zaid.qzz.io.
"Inspired by the brilliance of Brittany Chang, Paco Coursey, and Anthony Fu."