Duchess:

a Jewellery Store's Landing Page

Using: HTML, Sass, CSS, JS,animejs, Webpack

X studios :

media agency's website

Using: HTML, Bootstrap, CSS, Js

Boutique :

an e-commerce website

• Fetching Products from commerce.js
• Add products to the cart
• Continue purchasing process (checkout)
• Select client's shipping address
• Insert payment card details ( for fake card type 424242.... )
• Connect commerce.js with stripe to complete the payment process
• responsive mobile design

Using: ReactJs / React-Router / React-hook-form / ReactUI / commerce.js / stripe

Calculator :

a financial calculator widget that takes 4 numbers from the user, and calculates the percentage of each brand [Brex, Stripe, Amex ].

Using: HTML, Sass, CSS, Js

Arab-Academy:

redesign arab academy's landing page

Using: HTML, Bootstrap, CSS

E-shop:

an e-commerce website

• viewing products
• filter products by size, type, color, range, etc
• display single product’s details
• responsive mobile design

Using: ReactJs / React-Router / React-Redux

Form:

a simple form

Using ( React-Js, Formik, Yup Schema Validation, Formik-MUI )