├── .gitignore ├── .new-component-config.json ├── LICENSE.md ├── README.md ├── docs ├── exercise-1-solution.png ├── exercise-2-solution.png ├── exercise-3-solution.png ├── exercise-4a-solution.png ├── exercise-4b-solution.png ├── giant-sneaker.png └── nav-position.png ├── package.json ├── public ├── assets │ ├── flyknit.jpg │ ├── joyride.jpg │ ├── lebron.jpg │ ├── legend-academy.jpg │ ├── metcon-5.jpg │ ├── pegasus.jpg │ ├── phantom-flyknit.jpg │ ├── phantom.jpg │ ├── react-infinity.jpg │ ├── react-vision.jpg │ ├── stefan-janoski.jpg │ └── tech-challenge.jpg ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json └── robots.txt └── src ├── components ├── App │ ├── App.js │ └── index.js ├── Breadcrumbs │ ├── Breadcrumbs.js │ └── index.js ├── GlobalStyles │ ├── GlobalStyles.js │ └── index.js ├── Header │ ├── Header.js │ └── index.js ├── Icon │ ├── Icon.js │ └── index.js ├── Logo │ ├── Logo.js │ └── index.js ├── SearchInput │ ├── SearchInput.js │ └── index.js ├── Select │ ├── Select.js │ └── index.js ├── ShoeCard │ ├── ShoeCard.js │ └── index.js ├── ShoeGrid │ ├── ShoeGrid.js │ └── index.js ├── ShoeIndex │ ├── ShoeIndex.js │ └── index.js ├── ShoeSidebar │ ├── ShoeSidebar.js │ └── index.js ├── Spacer │ ├── Spacer.js │ └── index.js ├── SuperHeader │ ├── SuperHeader.js │ └── index.js ├── UnstyledButton │ ├── UnstyledButton.js │ └── index.js └── VisuallyHidden │ ├── VisuallyHidden.js │ └── index.js ├── constants.js ├── data.js ├── index.js └── utils.js /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/.gitignore -------------------------------------------------------------------------------- /.new-component-config.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/.new-component-config.json -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/LICENSE.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/README.md -------------------------------------------------------------------------------- /docs/exercise-1-solution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/docs/exercise-1-solution.png -------------------------------------------------------------------------------- /docs/exercise-2-solution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/docs/exercise-2-solution.png -------------------------------------------------------------------------------- /docs/exercise-3-solution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/docs/exercise-3-solution.png -------------------------------------------------------------------------------- /docs/exercise-4a-solution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/docs/exercise-4a-solution.png -------------------------------------------------------------------------------- /docs/exercise-4b-solution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/docs/exercise-4b-solution.png -------------------------------------------------------------------------------- /docs/giant-sneaker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/docs/giant-sneaker.png -------------------------------------------------------------------------------- /docs/nav-position.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/docs/nav-position.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/package.json -------------------------------------------------------------------------------- /public/assets/flyknit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/flyknit.jpg -------------------------------------------------------------------------------- /public/assets/joyride.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/joyride.jpg -------------------------------------------------------------------------------- /public/assets/lebron.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/lebron.jpg -------------------------------------------------------------------------------- /public/assets/legend-academy.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/legend-academy.jpg -------------------------------------------------------------------------------- /public/assets/metcon-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/metcon-5.jpg -------------------------------------------------------------------------------- /public/assets/pegasus.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/pegasus.jpg -------------------------------------------------------------------------------- /public/assets/phantom-flyknit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/phantom-flyknit.jpg -------------------------------------------------------------------------------- /public/assets/phantom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/phantom.jpg -------------------------------------------------------------------------------- /public/assets/react-infinity.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/react-infinity.jpg -------------------------------------------------------------------------------- /public/assets/react-vision.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/react-vision.jpg -------------------------------------------------------------------------------- /public/assets/stefan-janoski.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/stefan-janoski.jpg -------------------------------------------------------------------------------- /public/assets/tech-challenge.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/assets/tech-challenge.jpg -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/index.html -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/manifest.json -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/public/robots.txt -------------------------------------------------------------------------------- /src/components/App/App.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/App/App.js -------------------------------------------------------------------------------- /src/components/App/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './App'; 2 | -------------------------------------------------------------------------------- /src/components/Breadcrumbs/Breadcrumbs.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/Breadcrumbs/Breadcrumbs.js -------------------------------------------------------------------------------- /src/components/Breadcrumbs/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Breadcrumbs'; 2 | -------------------------------------------------------------------------------- /src/components/GlobalStyles/GlobalStyles.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/GlobalStyles/GlobalStyles.js -------------------------------------------------------------------------------- /src/components/GlobalStyles/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './GlobalStyles'; 2 | -------------------------------------------------------------------------------- /src/components/Header/Header.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/Header/Header.js -------------------------------------------------------------------------------- /src/components/Header/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Header'; 2 | -------------------------------------------------------------------------------- /src/components/Icon/Icon.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/Icon/Icon.js -------------------------------------------------------------------------------- /src/components/Icon/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Icon'; 2 | -------------------------------------------------------------------------------- /src/components/Logo/Logo.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/Logo/Logo.js -------------------------------------------------------------------------------- /src/components/Logo/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Logo'; 2 | -------------------------------------------------------------------------------- /src/components/SearchInput/SearchInput.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/SearchInput/SearchInput.js -------------------------------------------------------------------------------- /src/components/SearchInput/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './SearchInput'; 2 | -------------------------------------------------------------------------------- /src/components/Select/Select.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/Select/Select.js -------------------------------------------------------------------------------- /src/components/Select/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Select'; 2 | -------------------------------------------------------------------------------- /src/components/ShoeCard/ShoeCard.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/ShoeCard/ShoeCard.js -------------------------------------------------------------------------------- /src/components/ShoeCard/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './ShoeCard'; 2 | -------------------------------------------------------------------------------- /src/components/ShoeGrid/ShoeGrid.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/ShoeGrid/ShoeGrid.js -------------------------------------------------------------------------------- /src/components/ShoeGrid/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './ShoeGrid'; 2 | -------------------------------------------------------------------------------- /src/components/ShoeIndex/ShoeIndex.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/ShoeIndex/ShoeIndex.js -------------------------------------------------------------------------------- /src/components/ShoeIndex/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './ShoeIndex'; 2 | -------------------------------------------------------------------------------- /src/components/ShoeSidebar/ShoeSidebar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/ShoeSidebar/ShoeSidebar.js -------------------------------------------------------------------------------- /src/components/ShoeSidebar/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './ShoeSidebar'; 2 | -------------------------------------------------------------------------------- /src/components/Spacer/Spacer.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/Spacer/Spacer.js -------------------------------------------------------------------------------- /src/components/Spacer/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './Spacer'; 2 | -------------------------------------------------------------------------------- /src/components/SuperHeader/SuperHeader.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/SuperHeader/SuperHeader.js -------------------------------------------------------------------------------- /src/components/SuperHeader/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './SuperHeader'; 2 | -------------------------------------------------------------------------------- /src/components/UnstyledButton/UnstyledButton.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/UnstyledButton/UnstyledButton.js -------------------------------------------------------------------------------- /src/components/UnstyledButton/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './UnstyledButton'; 2 | -------------------------------------------------------------------------------- /src/components/VisuallyHidden/VisuallyHidden.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/components/VisuallyHidden/VisuallyHidden.js -------------------------------------------------------------------------------- /src/components/VisuallyHidden/index.js: -------------------------------------------------------------------------------- 1 | export { default } from './VisuallyHidden'; 2 | -------------------------------------------------------------------------------- /src/constants.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/constants.js -------------------------------------------------------------------------------- /src/data.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/data.js -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/index.js -------------------------------------------------------------------------------- /src/utils.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/css-for-js/sole-and-ankle/HEAD/src/utils.js --------------------------------------------------------------------------------