fry1999/shopping-cart-with-react-and-typescript

Shipping-Cart-with-React-and-TypeScript

1. Set up

• Install npm

2. Folder structure

shopping-cart-app/
├── node_modules/ // Thư mục chứa các module được cài đặt bởi npm
├── public/ // Thư mục chứa các tệp tĩnh không biên dịch (như index.html)
│ ├── index.html // Tệp HTML gốc
├── src/ // Thư mục chứa mã nguồn của ứng dụng
│ ├── components/ // Thư mục chứa các thành phần React
│ │ ├── Cart.tsx // Component cho giỏ hàng
│ │ ├── Product.tsx // Component cho sản phẩm
│ ├── App.tsx // Component gốc của ứng dụng
│ ├── index.tsx // File khởi đầu của ứng dụng React
├── .gitignore // Tệp định nghĩa những gì Git sẽ bỏ qua
├── package.json // Tệp định nghĩa dự án và các phụ thuộc
├── README.md // Tệp README của dự án
├── tsconfig.json // Tệp cấu hình TypeScript
└── yarn.lock // Tệp đảm bảo các phụ thuộc được cài đặt đồng nhất (Yarn)

References

• https://www.freecodecamp.org/news/how-to-build-a-shopping-cart-with-react-and-typescript/