TerminalNPM installed https://www.npmjs.com/Node installed: https://nodejs.org/en/
git clonehttps://github.com/Jet2UX/tech-test.git- In the terminal
brew install yarn(Usenpm iif preferred) yarnnpm run build(In a separate terminal tab)npm run watch(In a separate terminal tab)- Once these commands have run the browser should load http://localhost:3000/
/Buildis where our webpack config sits/component-galleryis a shared resource for existing components. Use this to check for components before building new ones./Componentshouses all of our components that we use across the site. This is the main entry point for development./Corecontains our assets and site-wide JS and CSS/includehas shared HTML inside, such as the header and footer/Pagescontains the main pages of the site, made up of components/Themesincludes our theming settings for the different jet2 brands
To utilise theming in CSS, use variables such as $color-primary and $color-secondary instead of their accompanying values.
These can be found in the /Themes/mappings folder under their respective file name.
npm run build will run webpack and then initiate the gulp file. Once it is completed the server will start and CSS will be watched for changes.
npm run watch will run webpack and then watch for JS files and hot reload on changes.
Follow the instructions here
Once setup your editor should notify you when your JS or SASS violates the ruleset in place.
- Browser Support: IE9+
- Mobile/Tablet Support: All
- Device testing should be done using BrowserStack