This application is a 2048 game where player merges tiles together to create tile 2048 to win.
This project was generated with Vue CLI version 3.0.1.
The game is composed of a Board component that designs game layout and board with FlexBox and CSS grid. The component adopts Single File Architecture (SFA) where source file encapsulates HTML template SCSS and JS logic.
SCSS- style all components in the application
Cypress- execute e2e tests in browser
- node 8.11.3
- vue-cli 3
# with npm npm install # or with yarn yarn install
yarn serve for a dev server. Navigate to
http://localhost:8080/. The app will automatically reload if you change any of the source files.
# with npm npm run build # or with yarn yarn build
The build artifacts will be bundled in the
Run your unit tests
# with npm npm run test:unit # or with yarn yarn test:unit
Watch your unit tests
# with npm npm run test:unit:watch # or with yarn yarn test:unit:watch
Run your end-to-end tests
# with npm npm run test:e2e # or with yarn yarn test:e2e
View code coverage results
# with npm npm run static:coverage # or with yarn yarn static:coverage
Navigate to http://localhost:8888
# with npm npm run lint # or with yarn yarn lint
# with npm npm run lint:scss # or with yarn yarn lint:scss
Deployment to Github page
# with npm npm run deploy # or with yarn yarn deploy
The command executes deploy.sh to push codes from dist/ to gh-pages branch
Area of Improvements
This project is currently without e2e testing. Test cases will be implemented after grasping the concepts of Cypress.io
- Store highest score in local storage of browser