Audiophile with Next, TypeScript, React Redux, and Framer Motion

This is my first attempt at learning TypeScript and Chakra for a challenging project. Chakra seems to have a cleaner feel to the coding structure as compared to Styled Components. There were some issues with Framer’s animation sequences and mapped Chakra components, so I’ve added some lighter animations this time.

I’d say this project in particular was great for getting a better understanding of Redux for larger scale projects.

For anyone who wants to attempt this project, I’d suggest waiting until you feel more comfortable with TypeScript. You can do this with plain JS, but it’d a good opportunity to learn some TS.