Responsive shopping cart page built with React.js-Next.js 🛒

alannn 3d web developer - FRDV cart page

Web development + Design ➙ E-commerce web application 💻📱:

This project was developed using the Headless CMS (Headless Content Management System) approach.

Unlike classic CMS (Ex: WordPress, Shopify), this approach separates content management (the back office) from the presentation of the site (the theme).

The two are then connected to retrieve the content (blog articles, products, etc.) from the back office and send it to the application.

In summary, the Headless CMS allows you to develop a tailor-made theme in the form of a web application with a personalized interface and user experience, more security, as well as better performance.

➙ Cart page developed in React.js-Next.js 🛒

◦ Role:

- Web developer (Reactjs-Nextjs)

- Designer (UI-UX Web design, Graphic design).

◦ Type: E-commerce - Headless CMS Web application.

Website 👀 ➙ www.frdv.co 🧢

🧑‍💻 - Code:

Shopping cart page built with React.js-Next.js, designed using CSS (Tailwind,Sass) for layout and styling, Javascript for interactivity, and GraphQL to get and send data from the API.

🛠️ - Features added:

◦ Product added to cart (Product title, total price + discount, quantity selector, selected size + variation, thumbnail).

◦ Order summary with price + shipping fees

◦ Shipping option

◦ Coupon code "FRDV20"

◦ Pages transition + CSS animations on page load

◦ CSS layout and animations

◦ Responsive design for mobile and desktop

◦ Checkout button

◦ Layout with Header and Footer

◦ Web performance optimization

◦ Cross-browser compatibility