About

DEMO

1. A Vite Shop written in typescript by Omar Ashraf Zeinhom as trainning for typescript Projects
2. GUI and everything was built from scratch
3. However this was a learning project so all credits go to WebDevSimplified In terms of the page logic
4. Again this was just a learning project so i just adapted it a little bit

• Required
• 1. nodejs version 14.18+, 16+

Created By

Vite js Docs - Scaffolding Your First Vite Project

yarn create vite

Start By

• Install Packages yarn install
• Start Server by yarn run dev
• Go to http://127.0.0.1:5173/

Packages installed

• react-router-dom

• mdb-react-ui-kit

• stripe js sdk

• Packages were added using yarn add mdb-react-ui-kit react-router-dom stripe @fortawesome/fontawesome-free

and add CSS FILES to index.html ``

1. Usage with TypeScript in Stripe

Usage

stripe - github

import Stripe from 'stripe';
const stripe = new Stripe('sk_test_...', {
  apiVersion: '2022-08-01',
});

const createCustomer = async () => {
  const params: Stripe.CustomerCreateParams = {
    description: 'test customer',
  };

  const customer: Stripe.Customer = await stripe.customers.create(params);

  console.log(customer.id);
};
createCustomer();

References

1. React TypeScript offical language docs
2. Stripe - Usage with TypeScript
3. cjav_dev answer at How to use stripe types in typescript Vikram Khemlani
4. Navbar - MDB Boostrap React
5. Date.now() method
6. Colors - MDBBootstrap
7. Text wrapping and overflow - MDBBootstrap
8. Icon notifications - MDBBootstrap
9. Array.prototype.reduce()