noz.am — Personal Website & Portfolio #

Personal website for David Marcos (@noz.am).

Built with React 19, TypeScript, Vite, and Tailwind CSS v4. Powered live by the AT Protocol (Atmosphere), directly fetching data on the fly from sifa.id records on eurosky.social.

Features #

• 👤 Who Am I: Avatar, headline, bio, pronouns, location, open-to preferences, and direct social links.
• 🚀 Projects: Dedicated #projects showcase with full descriptions and project links from id.sifa.profile.project, plus a compact preview on the portfolio/CV page (#portfolio-projects).
• 💼 Job / CV Timeline: Career history from id.sifa.profile.position with dynamic resolution of skills from id.sifa.profile.skill URIs into badges.
• 🛠 Skills & Technologies: Categorized into Backend, Frontend, Cloud, and Data & Engineering.
• 🎓 Education & Credentials: Degree info and verifiable certificates.
• ⚡ Live ATProto XRPC Sync: Direct client-side calls to PDS eurosky.social with fallback bundling for instant page loads and zero latency.
• 🌓 Dark / Light Modes: Full theme support with system preference detection and smooth transitions.

Quickstart #

# Install dependencies
pnpm install

# Start development server
pnpm run dev

# Build for production
pnpm run build

# Preview production build
pnpm run preview

Docker & Makefile #

# Build and push to Docker Hub (dmarcosm/nozam)
make build
make push

# Build and push multi-architecture images (amd64 + arm64)
make release

# Run container locally or via Docker Compose
make run
make up
make down

ATProto Collections Used #

License #

MIT