Skip to content

marksatin1/autodidack-frontend

Repository files navigation

Welcome to Autodidack

The Photography and Web Dev Portfolio of Mark Satin

"Autodidack" is a portmanteau of “autodidact” - a self-taught person - and “Adirondacks” - the name given to the 5000 square miles of lush mountain range in upstate New York.

Features At A Glance:

  • Fully Responsive across all device widths from iPhone SE (375px) and up
  • 508 Compliant for screen readers and other AT (Assistive Technologies)
    • Theming constrast ratios are 4.5:1 or greater
    • Site is fully navigable via keyboard
    • Proper ARIA labels in place where necessary
  • Fully accessible with swipe gestures on mobile devices

Technologies Used:

  • Design
    • Figma, Photoshop
  • Frontend
    • Next.js, React, TypeScript, JavaScript, Tailwind, Framer Motion, Axios
  • Backend
    • Supabase Storage, Supabase PostgreSQL Database

Context

At the outset my goal for this website was to encourage users to learn about me and my work by "playing", or interacting, with the site itself. In addition to the photographic and development work showcased herein, Autodidack uses animations, touch guestures, audio cues, and original music (by HASH) to transform the typically static page-to-page user journey into a dynamic experience that feels more like visiting your favorite destination than slogging through a collection of web pages.

Jump in and stay a while. The water's perfect!

Website and content therein Copyright Mark Satin 2024.