react-shop / react-ecommerce Goto Github PK

Describe the Feature

Since we are planning to use a App and a Web Application, exporting our store as a package will let us gain more time using the same action used on both applications.

Possible Implementations

Store, Actions and Reducers as a package

App don't see the design-system dependencies.

Branch: feat/app-design-system

• Use wml

cd packages/app

wml add ../design-system ./node_modules/@react-shop/design-system and wml start

Screenshot:

• Configure Jest
• Configure Jest with lerna

• Create react native package
• Test import design system package
• Test import provider

Describe the Feature

• We need that Design-System export react-native component

Possible Implementations

• The idea is export component from @react-shop/design-system/native

• Att Api
• Cart
• Login
• Recommended products
• Register
• Admin (Seller)
• Profile (Buyer)
• Contact Us
• Message between Seller and Buyer
• Ratings about the Seller
• Dashboard for Sellers
• Notifications
• Favorites
• WebSocket

Context:
Configure Jest/Enzyme to run with lerna

The idea is refactor the project and the api to include better solutions and create a open source project to help people create a complete and easy e-commerce.

The e-commerce project it will be changed to: (in construction)

• Monorepo
• Design System
• Storybook
• SDK
• React with hooks
• Redux Hooks
• Redux-Saga
• Reselect
• Unit/Integration Tests

The Api will be changed to:

• Elixir
• Phoenix

Future Features

• Home (List products)
• Detail products
• Recommended products
• Cart
• Checkout
• Login / Register
• Admin (Seller)
• Profile (Buyer)
• Contact Us
• Message between Seller and Buyer
• Ratings about the Seller
• Dashboard for Sellers
• Notifications
• Favorites
• Pwa
• Firebase or storage
• Socket.io
• App
• SSR

Context:

• Configure Storybook
• Add addon: Docz
• Add addon: Knobs
• Add addon: a11y
• Add addon: Console
• Add addon: Actions

Context:

• Create a initial structure React-native project using typescript template.

Notes:

The react-native need config metro to use other monorepo packages.

Hi guys, the storybook docs addon don't appear props and others components if anybody know about addons, please help me in this problem.

The idea is create a landing to present the project.

Is good to use:

• Gatsby
• Docusaurus

This is a feature list for Design System

• Theme
• Buttons
  • Default Button
  • Secondary Button
  • Outlined Button
  • Circle Button
  • With Loading
  • With Icon
• Header
  • Menu
  • Desktop
  • Mobile
• Footer
  • Desktop
  • Mobile
• Typographs
  • Title
  • Subtitle
  • Body
  • Text
  • Links
• Form
  • Input Text
  • Input Upload
  • Select
  • Checkbox
  • Radio
  • Switch
• Cards
• Images
  • Gallery
  • Carrousel
• Icons
• Cart
• Checkout
• Wishlist
• Messages (Popover)
• Configure Jest/Enzyme
• Add Addons to Storybook
  • Docs
  • Knobs
  • Accessibility
• Verify add lib-esm in .gitignore

Theme

Link figma: https://www.figma.com/file/wm1eayZPzNKapBtg5oE6i3/UI-Challenge-10_12?node-id=0%3A149

Typograph

• Font: Proxima Nova

Weight

• thin: 100
• semiBold: 600
• regular: 400
• bold: 700
• black: 900

Texts

• Title: 30px;
• Subtitle: 24px;
• Body1: 18px;
• Body2: 16px;
• Text: 14px;

Colors

• Primary Light: #1BE0AB

• Primary dark: #43FECB

• Secondary: #743AF2

• Error: #FF3773

• Black: #1F1F24

• Black Dark: #27272D

• Black Normal: #34353D

• Black Light: #484854

• Gray: #737380

• White: #FFFFFF

Spacing

Describe the Feature

Refatoring all the projects inside react-ecommerce

• SSR (Next 13)
• DS (Stitches)
• Admin (Add categories, products, etc...)
• Backend (nest + graphql)

Possible Implementations

Related Issues

When I launch
yarn start
then show errors:
`yarn run v1.22.4
$ lerna run start --parallel --scope '{web,@react-shop/design-system,@react-shop/sdk}'
lerna notice cli v3.19.0
lerna notice filter including "{web,@react-shop/design-system,@react-shop/sdk}"
lerna info filter [ '{web,@react-shop/design-system,@react-shop/sdk}' ]
lerna info Executing command in 3 packages: "yarn run start"
web: $ react-scripts start
@react-shop/design-system: $ tsc && tsc --build tsconfig.esm.json -w
@react-shop/sdk: $ tsc && tsc --build tsconfig.esm.json -w
web: Starting the development server...
web: events.js:292
web: throw er; // Unhandled 'error' event
web: ^
web: Error: ENOSPC: System limit for number of file watchers reached, watch '/home/lt/Apps/react-ecommerce-master/packages/web/public'
web: at FSWatcher. (internal/fs/watchers.js:169:26)
web: at Object.watch (fs.js:1388:34)
web: at createFsWatchInstance (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:38:15)
web: at setFsWatchListener (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:81:15)
web: at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:233:14)
web: at FSWatcher.NodeFsHandler._handleDir (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:429:19)
web: at FSWatcher. (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:477:19)
web: at FSWatcher. (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:482:16)
web: at FSReqCallback.oncomplete (fs.js:172:5)
web: Emitted 'error' event on FSWatcher instance at:
web: at FSWatcher._handleError (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/index.js:260:10)
web: at createFsWatchInstance (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:40:5)
web: at setFsWatchListener (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:81:15)
web: [... lines matching original stack trace ...]
web: at FSReqCallback.oncomplete (fs.js:172:5) {
web: errno: -28,
web: syscall: 'watch',
web: code: 'ENOSPC',
web: path: '/home/lt/Apps/react-ecommerce-master/packages/web/public',
web: filename: '/home/lt/Apps/react-ecommerce-master/packages/web/public'
web: }
web: error Command failed with exit code 1.
web: info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
lerna ERR! yarn run start exited 1 in 'web'
lerna ERR! yarn run start stdout:
$ react-scripts start
Starting the development server...

info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

lerna ERR! yarn run start stderr:
events.js:292
throw er; // Unhandled 'error' event
^

Error: ENOSPC: System limit for number of file watchers reached, watch '/home/lt/Apps/react-ecommerce-master/packages/web/public'
at FSWatcher. (internal/fs/watchers.js:169:26)
at Object.watch (fs.js:1388:34)
at createFsWatchInstance (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:38:15)
at setFsWatchListener (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:81:15)
at FSWatcher.NodeFsHandler._watchWithNodeFs (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:233:14)
at FSWatcher.NodeFsHandler._handleDir (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:429:19)
at FSWatcher. (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:477:19)
at FSWatcher. (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:482:16)
at FSReqCallback.oncomplete (fs.js:172:5)
Emitted 'error' event on FSWatcher instance at:
at FSWatcher._handleError (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/index.js:260:10)
at createFsWatchInstance (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:40:5)
at setFsWatchListener (/home/lt/Apps/react-ecommerce-master/node_modules/chokidar/lib/nodefs-handler.js:81:15)
[... lines matching original stack trace ...]
at FSReqCallback.oncomplete (fs.js:172:5) {
errno: -28,
syscall: 'watch',
code: 'ENOSPC',
path: '/home/lt/Apps/react-ecommerce-master/packages/web/public',
filename: '/home/lt/Apps/react-ecommerce-master/packages/web/public'
}
error Command failed with exit code 1.

lerna ERR! yarn run start exited 1 in 'web'
lerna WARN complete Waiting for 2 child processes to exit. CTRL-C to exit immediately.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
`

How to fix it? And how to launch app on android and ios? there is no description In README about it.