detail hero

Audiophile

Next.js (React), TypeScript, Chakra, Firebase 9, Jest, Redux Toolkit, React Hook Form, Atomic Design

Audiophile is the premier store for high end headphones, earphones, speakers and audio accessories. This site features a sleek modern feel along with a framework that can support it. Next.js paired with TypeScript provides shoppers with a pleasing user experience throughout their entire visit. Check out the project to learn more.

Next.js (React), TypeScript, Chakra, Firebase 9, Jest, Redux Toolkit, React Hook Form, Atomic Design

Project Background

Audiophile’s site is designed to give users a memorable and simplistic shopping experience. Visitors can enjoy a natural flowing feel from the moment they reach the landing page to the end of their checkout journey. I built this project with Next.js, TypeScript, and Chakra to provide an implementation pattern that is clean and maintainable. State management and dynamic page design was a key factor in deciding what tools would be best for this build. Head over to the site to try it out for yourself or check out my GitHub for an in depth look at the technical side of things.

Static Previews

static preview one
static preview two

Interested in doing a project together?