TypeScript e-commerce store

• This is an e-commerce app that allows shoppers to view, sort, and filter products according to different criteria. After products are added to the shopping cart, payment is processed with Stripe API.
• This serves as a TypeScript, Sanity CMS, GraphQL, and Stripe API learning project. I took the skeleton of this Udemy course project. The differences between the original one and my version are:
  • replaced the JavaScript code with TypeScript.
  • Instead of using dummy data and API provided by the Udemy course, I use some real product data from a friend's Instagram store. Sanity CMS is used to host the data, GraphQL is used to query the data.

What technologies were used?

• react.js (create-react-app)
• TypeScript

Styling:

• styled-components
• CSS

Routing:

• react-router

Payment processing:

• Stripe API

CMS:

• Sanity
• GraphQL
• axios

Hosting and server side functions

• Netlify

How can you clone and tweak this project?

From your command line, first clone this repo:

# Clone this repository
$ git clone https://github.com/MykytaFullStack/Typescript-eCommerce.git

# Go into the repository
$ cd Typescript-eCommerce

# Remove current origin repository
$ git remote remove origin

Then you can install the dependencies using NPM:

# Install dependencies
$ npm install

# Start development server
$ npm start

Happy coding!

---