Azael AC
← Back to projects
Side project · Personal

Portfolio website

Personal portfolio and contact hub built with a modern, type-safe stack. Features a project showcase with server-driven data, a contact form with validated submissions and Resend-powered email delivery, and responsive layout with SCSS. Designed for fast loads and clear information hierarchy.

Key achievements

  • Built full-stack portfolio with TanStack Start: file-based routing, server loaders, and type-safe data fetching for the project list.
  • Implemented contact form with Zod validation and Resend integration for reliable email delivery.
  • Structured project data and filtering (professional vs personal, highlighted work) for the home and projects pages.
  • Responsive design and SCSS modules for maintainable styling across hero, projects, and contact sections.

Technologies

  • REACT
  • TYPESCRIPT
  • VITE
  • TANSTACK ROUTER
  • TANSTACK START
  • RESEND
  • ZOD
  • SASS