├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .github └── media │ └── application-example.png ├── .gitignore ├── .husky ├── .gitignore └── pre-commit ├── .prettierignore ├── .prettierrc.js ├── .storybook ├── main.ts ├── manager-head.html ├── manager.ts ├── preview-head.html └── preview.ts ├── .vscode ├── extensions.json ├── launch.json └── settings.json ├── README.md ├── functions └── restaurants.ts ├── netlify.toml ├── package.json ├── public ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json ├── robots.txt └── safari-pinned-tab.svg ├── src ├── App.tsx ├── Routes.tsx ├── api │ ├── conditional-logic.ts │ ├── hooks.ts │ └── index.ts ├── app-state │ ├── cart │ │ ├── cart.ts │ │ ├── index.ts │ │ └── selectors.ts │ ├── hooks.ts │ ├── index.ts │ ├── order │ │ ├── index.ts │ │ ├── order.ts │ │ └── selectors.ts │ └── store.ts ├── assets │ ├── animations │ │ ├── Error.json │ │ └── NotFound.json │ ├── fonts │ │ └── Comfortaa.ttf │ ├── icons │ │ └── sprite-map.svg │ └── images │ │ ├── appstore-banner.png │ │ ├── background-1.png │ │ ├── background-2.png │ │ ├── googleplay-banner.png │ │ ├── ladies-sushi.svg │ │ ├── ladies.svg │ │ ├── logo-black.svg │ │ ├── logo.svg │ │ ├── restaurants.png │ │ ├── sushi.svg │ │ └── woman.svg ├── components │ ├── AnimatedIllustration │ │ ├── AnimatedIllustration.tsx │ │ └── index.ts │ ├── Badge │ │ ├── Badge.tsx │ │ └── index.tsx │ ├── Button │ │ ├── Button.tsx │ │ └── index.tsx │ ├── Category │ │ ├── Category.tsx │ │ └── index.tsx │ ├── ErrorBlock │ │ ├── ErrorBlock.tsx │ │ └── index.ts │ ├── Footer │ │ ├── Footer.tsx │ │ └── index.tsx │ ├── FooterCard │ │ ├── FooterCard.tsx │ │ └── index.tsx │ ├── Header │ │ ├── Header.tsx │ │ └── index.tsx │ ├── Icon │ │ ├── Icon.tsx │ │ └── index.tsx │ ├── IconButton │ │ ├── IconButton.tsx │ │ └── index.tsx │ ├── Logo │ │ ├── Logo.tsx │ │ └── index.tsx │ ├── Modal │ │ ├── Modal.styles.tsx │ │ ├── Modal.tsx │ │ └── index.tsx │ ├── PageSection │ │ ├── PageSection.tsx │ │ └── index.tsx │ ├── Portal.tsx │ ├── RestaurantCard │ │ ├── RestaurantCard.tsx │ │ ├── index.tsx │ │ └── progress │ │ │ ├── RestaurantCard.basic.tsx │ │ │ └── RestaurantCard.unstyled.tsx │ ├── Review │ │ ├── Review.tsx │ │ └── index.tsx │ ├── ShoppingCart │ │ ├── OrderSummary │ │ │ ├── OrderSummary.styles.tsx │ │ │ └── OrderSummary.tsx │ │ ├── ShoppingCartItem │ │ │ ├── ShoppingCartItem.styles.tsx │ │ │ └── ShoppingCartItem.tsx │ │ └── index.ts │ ├── ShoppingCartMenu │ │ ├── ShoppingCartMenu.tsx │ │ └── index.tsx │ ├── Sidebar │ │ ├── Sidebar.styles.tsx │ │ ├── Sidebar.tsx │ │ └── index.tsx │ ├── Spinner │ │ ├── Spinner.tsx │ │ └── index.tsx │ ├── TopBanner │ │ ├── TopBanner.tsx │ │ └── index.tsx │ ├── forms │ │ ├── Input.tsx │ │ └── Select.tsx │ └── typography │ │ ├── Body.tsx │ │ ├── Heading.tsx │ │ └── index.tsx ├── docs │ ├── Colors.stories.mdx │ ├── Introduction.stories.mdx │ ├── Typography.stories.mdx │ └── assets │ │ ├── code-brackets.svg │ │ ├── colors.svg │ │ ├── comments.svg │ │ ├── direction.svg │ │ ├── flow.svg │ │ ├── github.svg │ │ ├── logo.svg │ │ ├── mealdrop-banner.png │ │ ├── plugin.svg │ │ ├── repo.svg │ │ ├── stackalt.svg │ │ └── twitter.svg ├── helpers │ └── index.ts ├── hooks │ ├── index.ts │ ├── useBodyScrollLock.ts │ └── useKeyboard.ts ├── index.tsx ├── logo.svg ├── pages │ ├── CategoryDetailPage │ │ ├── CategoryDetailPage.tsx │ │ └── index.tsx │ ├── CategoryListPage │ │ ├── CategoryListPage.tsx │ │ ├── components │ │ │ └── CategoryList │ │ │ │ ├── CategoryList.tsx │ │ │ │ └── index.tsx │ │ └── index.tsx │ ├── CheckoutPage │ │ ├── CheckoutPage.tsx │ │ ├── components │ │ │ └── registration-form │ │ │ │ ├── ContactDetails.tsx │ │ │ │ ├── DeliveryDetails.tsx │ │ │ │ ├── MultiStepForm.tsx │ │ │ │ └── StepIndicator.tsx │ │ └── index.tsx │ ├── HomePage │ │ ├── HomePage.tsx │ │ ├── components │ │ │ ├── AwardWinningSection │ │ │ │ ├── AwardWinningSection.tsx │ │ │ │ └── index.tsx │ │ │ ├── Banner │ │ │ │ ├── Banner.tsx │ │ │ │ └── index.tsx │ │ │ ├── CategoriesSection │ │ │ │ ├── CategoriesSection.tsx │ │ │ │ └── index.tsx │ │ │ └── RestaurantsSection │ │ │ │ ├── RestaurantsSection.container.tsx │ │ │ │ ├── RestaurantsSection.tsx │ │ │ │ └── index.tsx │ │ └── index.tsx │ ├── RestaurantDetailPage │ │ ├── RestaurantDetailPage.tsx │ │ ├── components │ │ │ ├── FoodItem │ │ │ │ ├── FoodItem.tsx │ │ │ │ └── index.tsx │ │ │ ├── FoodItemModal │ │ │ │ ├── FoodItemModal.tsx │ │ │ │ └── index.tsx │ │ │ └── FoodSection │ │ │ │ ├── FoodSection.tsx │ │ │ │ └── index.tsx │ │ └── index.tsx │ └── SuccessPage │ │ ├── SuccessPage.tsx │ │ └── index.tsx ├── react-app-env.d.ts ├── serviceWorker.ts ├── setupTests.ts ├── stub │ ├── cart-items.ts │ ├── categories.ts │ └── restaurants.ts ├── styles │ ├── CSSReset.ts │ ├── GlobalStyle.tsx │ ├── breakpoints.ts │ └── theme.ts ├── templates │ └── PageTemplate.tsx ├── types │ └── index.ts └── typings.d.ts ├── tsconfig.eslint.json ├── tsconfig.json └── yarn.lock /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.editorconfig -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.eslintignore -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.eslintrc.js -------------------------------------------------------------------------------- /.github/media/application-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.github/media/application-example.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.gitignore -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ 2 | -------------------------------------------------------------------------------- /.husky/pre-commit: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | . "$(dirname "$0")/_/husky.sh" 3 | 4 | npm run pre-commit 5 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.prettierignore -------------------------------------------------------------------------------- /.prettierrc.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.prettierrc.js -------------------------------------------------------------------------------- /.storybook/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.storybook/main.ts -------------------------------------------------------------------------------- /.storybook/manager-head.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.storybook/manager-head.html -------------------------------------------------------------------------------- /.storybook/manager.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.storybook/manager.ts -------------------------------------------------------------------------------- /.storybook/preview-head.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.storybook/preview-head.html -------------------------------------------------------------------------------- /.storybook/preview.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.storybook/preview.ts -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.vscode/extensions.json -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.vscode/launch.json -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/.vscode/settings.json -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/README.md -------------------------------------------------------------------------------- /functions/restaurants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/functions/restaurants.ts -------------------------------------------------------------------------------- /netlify.toml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/netlify.toml -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/package.json -------------------------------------------------------------------------------- /public/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/android-chrome-192x192.png -------------------------------------------------------------------------------- /public/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/android-chrome-512x512.png -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/index.html -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/robots.txt -------------------------------------------------------------------------------- /public/safari-pinned-tab.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/public/safari-pinned-tab.svg -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/Routes.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/Routes.tsx -------------------------------------------------------------------------------- /src/api/conditional-logic.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/api/conditional-logic.ts -------------------------------------------------------------------------------- /src/api/hooks.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/api/hooks.ts -------------------------------------------------------------------------------- /src/api/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/api/index.ts -------------------------------------------------------------------------------- /src/app-state/cart/cart.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/cart/cart.ts -------------------------------------------------------------------------------- /src/app-state/cart/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/cart/index.ts -------------------------------------------------------------------------------- /src/app-state/cart/selectors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/cart/selectors.ts -------------------------------------------------------------------------------- /src/app-state/hooks.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/hooks.ts -------------------------------------------------------------------------------- /src/app-state/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/index.ts -------------------------------------------------------------------------------- /src/app-state/order/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/order/index.ts -------------------------------------------------------------------------------- /src/app-state/order/order.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/order/order.ts -------------------------------------------------------------------------------- /src/app-state/order/selectors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/order/selectors.ts -------------------------------------------------------------------------------- /src/app-state/store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/app-state/store.ts -------------------------------------------------------------------------------- /src/assets/animations/Error.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/animations/Error.json -------------------------------------------------------------------------------- /src/assets/animations/NotFound.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/animations/NotFound.json -------------------------------------------------------------------------------- /src/assets/fonts/Comfortaa.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/fonts/Comfortaa.ttf -------------------------------------------------------------------------------- /src/assets/icons/sprite-map.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/icons/sprite-map.svg -------------------------------------------------------------------------------- /src/assets/images/appstore-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/appstore-banner.png -------------------------------------------------------------------------------- /src/assets/images/background-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/background-1.png -------------------------------------------------------------------------------- /src/assets/images/background-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/background-2.png -------------------------------------------------------------------------------- /src/assets/images/googleplay-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/googleplay-banner.png -------------------------------------------------------------------------------- /src/assets/images/ladies-sushi.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/ladies-sushi.svg -------------------------------------------------------------------------------- /src/assets/images/ladies.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/ladies.svg -------------------------------------------------------------------------------- /src/assets/images/logo-black.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/logo-black.svg -------------------------------------------------------------------------------- /src/assets/images/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/logo.svg -------------------------------------------------------------------------------- /src/assets/images/restaurants.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/restaurants.png -------------------------------------------------------------------------------- /src/assets/images/sushi.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/sushi.svg -------------------------------------------------------------------------------- /src/assets/images/woman.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/assets/images/woman.svg -------------------------------------------------------------------------------- /src/components/AnimatedIllustration/AnimatedIllustration.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/AnimatedIllustration/AnimatedIllustration.tsx -------------------------------------------------------------------------------- /src/components/AnimatedIllustration/index.ts: -------------------------------------------------------------------------------- 1 | export * from './AnimatedIllustration' 2 | -------------------------------------------------------------------------------- /src/components/Badge/Badge.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Badge/Badge.tsx -------------------------------------------------------------------------------- /src/components/Badge/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Badge' 2 | -------------------------------------------------------------------------------- /src/components/Button/Button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Button/Button.tsx -------------------------------------------------------------------------------- /src/components/Button/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button' 2 | -------------------------------------------------------------------------------- /src/components/Category/Category.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Category/Category.tsx -------------------------------------------------------------------------------- /src/components/Category/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Category' 2 | -------------------------------------------------------------------------------- /src/components/ErrorBlock/ErrorBlock.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/ErrorBlock/ErrorBlock.tsx -------------------------------------------------------------------------------- /src/components/ErrorBlock/index.ts: -------------------------------------------------------------------------------- 1 | export * from './ErrorBlock' 2 | -------------------------------------------------------------------------------- /src/components/Footer/Footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Footer/Footer.tsx -------------------------------------------------------------------------------- /src/components/Footer/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Footer' 2 | -------------------------------------------------------------------------------- /src/components/FooterCard/FooterCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/FooterCard/FooterCard.tsx -------------------------------------------------------------------------------- /src/components/FooterCard/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './FooterCard' 2 | -------------------------------------------------------------------------------- /src/components/Header/Header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Header/Header.tsx -------------------------------------------------------------------------------- /src/components/Header/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Header' 2 | -------------------------------------------------------------------------------- /src/components/Icon/Icon.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Icon/Icon.tsx -------------------------------------------------------------------------------- /src/components/Icon/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Icon' 2 | -------------------------------------------------------------------------------- /src/components/IconButton/IconButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/IconButton/IconButton.tsx -------------------------------------------------------------------------------- /src/components/IconButton/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './IconButton' 2 | -------------------------------------------------------------------------------- /src/components/Logo/Logo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Logo/Logo.tsx -------------------------------------------------------------------------------- /src/components/Logo/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Logo' 2 | -------------------------------------------------------------------------------- /src/components/Modal/Modal.styles.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Modal/Modal.styles.tsx -------------------------------------------------------------------------------- /src/components/Modal/Modal.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Modal/Modal.tsx -------------------------------------------------------------------------------- /src/components/Modal/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Modal' 2 | -------------------------------------------------------------------------------- /src/components/PageSection/PageSection.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/PageSection/PageSection.tsx -------------------------------------------------------------------------------- /src/components/PageSection/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './PageSection' 2 | -------------------------------------------------------------------------------- /src/components/Portal.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Portal.tsx -------------------------------------------------------------------------------- /src/components/RestaurantCard/RestaurantCard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/RestaurantCard/RestaurantCard.tsx -------------------------------------------------------------------------------- /src/components/RestaurantCard/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './RestaurantCard' 2 | -------------------------------------------------------------------------------- /src/components/RestaurantCard/progress/RestaurantCard.basic.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/RestaurantCard/progress/RestaurantCard.basic.tsx -------------------------------------------------------------------------------- /src/components/RestaurantCard/progress/RestaurantCard.unstyled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/RestaurantCard/progress/RestaurantCard.unstyled.tsx -------------------------------------------------------------------------------- /src/components/Review/Review.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Review/Review.tsx -------------------------------------------------------------------------------- /src/components/Review/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Review' 2 | -------------------------------------------------------------------------------- /src/components/ShoppingCart/OrderSummary/OrderSummary.styles.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/ShoppingCart/OrderSummary/OrderSummary.styles.tsx -------------------------------------------------------------------------------- /src/components/ShoppingCart/OrderSummary/OrderSummary.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/ShoppingCart/OrderSummary/OrderSummary.tsx -------------------------------------------------------------------------------- /src/components/ShoppingCart/ShoppingCartItem/ShoppingCartItem.styles.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/ShoppingCart/ShoppingCartItem/ShoppingCartItem.styles.tsx -------------------------------------------------------------------------------- /src/components/ShoppingCart/ShoppingCartItem/ShoppingCartItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/ShoppingCart/ShoppingCartItem/ShoppingCartItem.tsx -------------------------------------------------------------------------------- /src/components/ShoppingCart/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/ShoppingCart/index.ts -------------------------------------------------------------------------------- /src/components/ShoppingCartMenu/ShoppingCartMenu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/ShoppingCartMenu/ShoppingCartMenu.tsx -------------------------------------------------------------------------------- /src/components/ShoppingCartMenu/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './ShoppingCartMenu' 2 | -------------------------------------------------------------------------------- /src/components/Sidebar/Sidebar.styles.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Sidebar/Sidebar.styles.tsx -------------------------------------------------------------------------------- /src/components/Sidebar/Sidebar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Sidebar/Sidebar.tsx -------------------------------------------------------------------------------- /src/components/Sidebar/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Sidebar' 2 | -------------------------------------------------------------------------------- /src/components/Spinner/Spinner.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/Spinner/Spinner.tsx -------------------------------------------------------------------------------- /src/components/Spinner/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Spinner' 2 | -------------------------------------------------------------------------------- /src/components/TopBanner/TopBanner.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/TopBanner/TopBanner.tsx -------------------------------------------------------------------------------- /src/components/TopBanner/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './TopBanner' 2 | -------------------------------------------------------------------------------- /src/components/forms/Input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/forms/Input.tsx -------------------------------------------------------------------------------- /src/components/forms/Select.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/forms/Select.tsx -------------------------------------------------------------------------------- /src/components/typography/Body.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/typography/Body.tsx -------------------------------------------------------------------------------- /src/components/typography/Heading.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/typography/Heading.tsx -------------------------------------------------------------------------------- /src/components/typography/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/components/typography/index.tsx -------------------------------------------------------------------------------- /src/docs/Colors.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/Colors.stories.mdx -------------------------------------------------------------------------------- /src/docs/Introduction.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/Introduction.stories.mdx -------------------------------------------------------------------------------- /src/docs/Typography.stories.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/Typography.stories.mdx -------------------------------------------------------------------------------- /src/docs/assets/code-brackets.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/code-brackets.svg -------------------------------------------------------------------------------- /src/docs/assets/colors.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/colors.svg -------------------------------------------------------------------------------- /src/docs/assets/comments.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/comments.svg -------------------------------------------------------------------------------- /src/docs/assets/direction.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/direction.svg -------------------------------------------------------------------------------- /src/docs/assets/flow.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/flow.svg -------------------------------------------------------------------------------- /src/docs/assets/github.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/github.svg -------------------------------------------------------------------------------- /src/docs/assets/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/logo.svg -------------------------------------------------------------------------------- /src/docs/assets/mealdrop-banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/mealdrop-banner.png -------------------------------------------------------------------------------- /src/docs/assets/plugin.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/plugin.svg -------------------------------------------------------------------------------- /src/docs/assets/repo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/repo.svg -------------------------------------------------------------------------------- /src/docs/assets/stackalt.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/stackalt.svg -------------------------------------------------------------------------------- /src/docs/assets/twitter.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/docs/assets/twitter.svg -------------------------------------------------------------------------------- /src/helpers/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/helpers/index.ts -------------------------------------------------------------------------------- /src/hooks/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/hooks/index.ts -------------------------------------------------------------------------------- /src/hooks/useBodyScrollLock.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/hooks/useBodyScrollLock.ts -------------------------------------------------------------------------------- /src/hooks/useKeyboard.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/hooks/useKeyboard.ts -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/index.tsx -------------------------------------------------------------------------------- /src/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/logo.svg -------------------------------------------------------------------------------- /src/pages/CategoryDetailPage/CategoryDetailPage.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CategoryDetailPage/CategoryDetailPage.tsx -------------------------------------------------------------------------------- /src/pages/CategoryDetailPage/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './CategoryDetailPage' 2 | -------------------------------------------------------------------------------- /src/pages/CategoryListPage/CategoryListPage.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CategoryListPage/CategoryListPage.tsx -------------------------------------------------------------------------------- /src/pages/CategoryListPage/components/CategoryList/CategoryList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CategoryListPage/components/CategoryList/CategoryList.tsx -------------------------------------------------------------------------------- /src/pages/CategoryListPage/components/CategoryList/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './CategoryList' 2 | -------------------------------------------------------------------------------- /src/pages/CategoryListPage/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './CategoryListPage' 2 | -------------------------------------------------------------------------------- /src/pages/CheckoutPage/CheckoutPage.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CheckoutPage/CheckoutPage.tsx -------------------------------------------------------------------------------- /src/pages/CheckoutPage/components/registration-form/ContactDetails.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CheckoutPage/components/registration-form/ContactDetails.tsx -------------------------------------------------------------------------------- /src/pages/CheckoutPage/components/registration-form/DeliveryDetails.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CheckoutPage/components/registration-form/DeliveryDetails.tsx -------------------------------------------------------------------------------- /src/pages/CheckoutPage/components/registration-form/MultiStepForm.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CheckoutPage/components/registration-form/MultiStepForm.tsx -------------------------------------------------------------------------------- /src/pages/CheckoutPage/components/registration-form/StepIndicator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/CheckoutPage/components/registration-form/StepIndicator.tsx -------------------------------------------------------------------------------- /src/pages/CheckoutPage/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './CheckoutPage' 2 | -------------------------------------------------------------------------------- /src/pages/HomePage/HomePage.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/HomePage/HomePage.tsx -------------------------------------------------------------------------------- /src/pages/HomePage/components/AwardWinningSection/AwardWinningSection.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/HomePage/components/AwardWinningSection/AwardWinningSection.tsx -------------------------------------------------------------------------------- /src/pages/HomePage/components/AwardWinningSection/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './AwardWinningSection' 2 | -------------------------------------------------------------------------------- /src/pages/HomePage/components/Banner/Banner.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/HomePage/components/Banner/Banner.tsx -------------------------------------------------------------------------------- /src/pages/HomePage/components/Banner/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './Banner' 2 | -------------------------------------------------------------------------------- /src/pages/HomePage/components/CategoriesSection/CategoriesSection.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/HomePage/components/CategoriesSection/CategoriesSection.tsx -------------------------------------------------------------------------------- /src/pages/HomePage/components/CategoriesSection/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './CategoriesSection' 2 | -------------------------------------------------------------------------------- /src/pages/HomePage/components/RestaurantsSection/RestaurantsSection.container.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/HomePage/components/RestaurantsSection/RestaurantsSection.container.tsx -------------------------------------------------------------------------------- /src/pages/HomePage/components/RestaurantsSection/RestaurantsSection.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/HomePage/components/RestaurantsSection/RestaurantsSection.tsx -------------------------------------------------------------------------------- /src/pages/HomePage/components/RestaurantsSection/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './RestaurantsSection' 2 | -------------------------------------------------------------------------------- /src/pages/HomePage/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './HomePage' 2 | -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/RestaurantDetailPage.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/RestaurantDetailPage/RestaurantDetailPage.tsx -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/components/FoodItem/FoodItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/RestaurantDetailPage/components/FoodItem/FoodItem.tsx -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/components/FoodItem/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './FoodItem' 2 | -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/components/FoodItemModal/FoodItemModal.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/RestaurantDetailPage/components/FoodItemModal/FoodItemModal.tsx -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/components/FoodItemModal/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './FoodItemModal' 2 | -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/components/FoodSection/FoodSection.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/RestaurantDetailPage/components/FoodSection/FoodSection.tsx -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/components/FoodSection/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './FoodSection' 2 | -------------------------------------------------------------------------------- /src/pages/RestaurantDetailPage/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './RestaurantDetailPage' 2 | -------------------------------------------------------------------------------- /src/pages/SuccessPage/SuccessPage.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/pages/SuccessPage/SuccessPage.tsx -------------------------------------------------------------------------------- /src/pages/SuccessPage/index.tsx: -------------------------------------------------------------------------------- 1 | export * from './SuccessPage' 2 | -------------------------------------------------------------------------------- /src/react-app-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /src/serviceWorker.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/serviceWorker.ts -------------------------------------------------------------------------------- /src/setupTests.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/setupTests.ts -------------------------------------------------------------------------------- /src/stub/cart-items.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/stub/cart-items.ts -------------------------------------------------------------------------------- /src/stub/categories.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/stub/categories.ts -------------------------------------------------------------------------------- /src/stub/restaurants.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/stub/restaurants.ts -------------------------------------------------------------------------------- /src/styles/CSSReset.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/styles/CSSReset.ts -------------------------------------------------------------------------------- /src/styles/GlobalStyle.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/styles/GlobalStyle.tsx -------------------------------------------------------------------------------- /src/styles/breakpoints.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/styles/breakpoints.ts -------------------------------------------------------------------------------- /src/styles/theme.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/styles/theme.ts -------------------------------------------------------------------------------- /src/templates/PageTemplate.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/templates/PageTemplate.tsx -------------------------------------------------------------------------------- /src/types/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/types/index.ts -------------------------------------------------------------------------------- /src/typings.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/src/typings.d.ts -------------------------------------------------------------------------------- /tsconfig.eslint.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/tsconfig.eslint.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/tsconfig.json -------------------------------------------------------------------------------- /yarn.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yannbf/storybook-for-react-apps/HEAD/yarn.lock --------------------------------------------------------------------------------