Responsive Accessible Coffeeroasters subscription site

What are you most proud of, and what would you do differently next time?

Features:

• Optimal responsive layout for each page depending on the device screen size
• Animations and hover states to enhance the user experience
• The user is able to make selections to create a coffee subscription and see an order summary modal.
• The app provides specific calculations according to selected by the user options (like weight or frequency of deliveries)
• The order summary text is generated according to the selected options

Built with:

• Semantic HTML5 markup, native CSS3, Javascript ES6
• CSS Animation
• Mobile-first workflow
• PerfectPixel
• React - JS library
• NextJS - React Framework
• Framer motion - Animation library
• Accessibility support