Solution with Next.js, TypeScript and Braintree

I used Next.js as a full-stack framework for this project, while using a MongoDB database (with Mongoose models and schemas) to save the data, including the data of all the orders. I integrated the app with Braintree to process credit card payments in sandbox mode. The project is built entirely with TypeScript and styled with SCSS modules. Finally, I used the Framer Motion library to animate the transition between pages, and React Awesome Reveal to animate the UI elements and sections.