/Shopping-Card-App-with-Typescript

This application allows users to select their products just like an e-commerce application.

Primary LanguageTypeScript

Shopping Card App

Bu uygulama kullanıcıların tıpkı bir e-ticaret uygulaması gibi ürünlerini seçip; onları arttırabilecekleri, azaltabilecekleri, sepet yapabilecekleri ve aldıkları ürünlerin toplam fiyatını görebilecekleri bir uygulamadır.

This application allows users to select their products just like an e-commerce application; It is an application where they can increase, decrease, make baskets and see the total price of the products they buy.

Kullanılan Teknolojiler - Used Technologies

react@18.2.0

react-dom@18.2.0

typescript@5.2.2

react-query@3.39.3

styled-components@6.1.11

@types/styled-components@5.1.34

@material-ui/core

@material-ui/icons

vite@5.2.0

Projeyi canlı olarak görmek istiyorsanız, Projeye Git

If you want to see the Project, Go Live

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

  • Configure the top-level parserOptions property like this:
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
  • Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
  • Optionally add plugin:@typescript-eslint/stylistic-type-checked
  • Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list