The App can manipulate products in the cart adding/removing your quantity.
- React - JavaScript library for building user interfaces.
- AsyncStorage - An asynchronous, unencrypted, persistent, key-value storage system for React Native.
- ReactNavigation - Made up of some core utilities and those are then used by navigators.
- Axios - Promise based HTTP client for the browser and node.js
- Typescript - typed superset of JavaScript that compiles to plain JavaScript.
- Styled-components - Visual primitives for the component age.
- Yarn - package manager that doubles down as project manager.
$ yarn
$ yarn json-server server.json -p 3333
$ yarn android or yarn ios
$ yarn start
run your AVD emulator
$ yarn test
or
$ yarn test "pathfile/file.spec.tsx"
src/__tests__/hooks/cart.spec.tsx
Cart Context
๐ should be able to add products to the cart
๐ should be able to increment quantity
๐ should be able to decrement quantity
๐ should load products from AsyncStorage
๐ should store products in AsyncStorage while adding, incrementing and decrementing
src/__tests__/components/FloatingCart.tsx
Dashboard
๐ should be able to calculate the cart total
๐ should be able to show the total quantity of itens in the cart
๐ should be able to navigate to the cart
src/__tests__/pages/App.spec.tsx
Dashboard
๐ should be able to list products
๐ should be able to add item to cart
src/__tests__/pages/Cart.spec.tsx
Dashboard
๐ should be able to list products on the cart
๐ should be able to calculate the cart total
๐ should be able to calculate the cart total
๐ should be able to increment product quantity on the cart
๐ should be able to decrement product quantity on the cart