https://github.com/javascript-pro/jscheckout
https://github.com/javascript-pro/jscheckout
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/javascript-pro/jscheckout
- Owner: javascript-pro
- Created: 2017-07-05T23:10:47.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-07-06T02:39:56.000Z (almost 9 years ago)
- Last Synced: 2025-04-06T06:15:08.916Z (about 1 year ago)
- Language: JavaScript
- Size: 389 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### JavaScript for Aligent_CheckItOut Module. ES6/Sass MVC App
Develop the Aligent CheckItOut JavaScript [ES6](https://es6.io) MVC Application with [Sass](http://sass-lang.com) styling.
It uses [Gulp](http://gulpjs.com/) and [Babel](https://babeljs.io) as simply as possible to transpile the source code into browser-ready JavaScript and CSS.
#### Install & Start developing
To get started as a developer, use your preferred command line application to change directory to /source/modules/aligent/
```
git clone git@bitbucket.org:aligent/ecomdev_checkitout_source.git checkitout
cd checkitout
sudo npm install
gulp
```
This will create the codebase in a folder called `checkitout`, install the node dependencies and start gulp running. The gulp process watches for any changes in the /src/js or /src/scss folders and re-transpiles the JS and Sass into modern browser compliant, minimised code.
#### Standalone Directory
This directory allows developers to work directly with the gulp auto-generated code using browser sync saving a lot of development time over working from within Magento and having to refresh the page too often.s
#### Application Skins
To make this as portable as possible, we've got the concept of css skins. Look in the `develop/src/scss/skins` folder to see some examples. Skins are changed in the `develop/src/scss/screen.scss` file. Create your own by copying an existing one in the skins directory and loading it from screen.scss.
#### MVC Explained?
Model–view–controller (MVC) is a software architectural pattern for implementing user interfaces on computers. It divides a given application into three interconnected parts in order to separate internal representations of information from the ways that information is presented to and accepted from the user.
#### More Features
- Simple Sass file structure ready to use
- Example ES6 application you can extend
- Holy grail 3 column flexbox layout
- Easy, modular integration with any project
#### License
[Open Software License 3.0](https://spdx.org/licenses/OSL-3.0.html)