https://github.com/phoenixdev0117/typescript-ecommerce
Ecommerce Website with React typescript.
https://github.com/phoenixdev0117/typescript-ecommerce
ecommerce-website graphql reactjs
Last synced: about 1 year ago
JSON representation
Ecommerce Website with React typescript.
- Host: GitHub
- URL: https://github.com/phoenixdev0117/typescript-ecommerce
- Owner: phoenixdev0117
- Created: 2024-12-29T06:31:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-08T09:22:11.000Z (over 1 year ago)
- Last Synced: 2025-04-15T11:04:44.317Z (about 1 year ago)
- Topics: ecommerce-website, graphql, reactjs
- Language: TypeScript
- Homepage: https://cute-buddy.netlify.app
- Size: 34.5 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://react-course-comfy-sloth-store.netlify.app/). 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!
---