King Games Portfolio

King Practise Test
Search between different games and add them to your portfolio!

Features

• Resposive design
• Unit testing with Jest & Enzyme
• Functional testing with Nightwatch
• Bundle JS - CSS (Transpile ES6 and JSX to ES5)
• Minify CSS - JS - Images
• Autoprefix styles for different browsers
• Lint JS with eslint
• Live reload for development (nodemon)
• Unit testing with Jest and Enzyme
• Sort / Filter / Pagination (only load page images) / Loading
• 404 page

W3C Validation

All pages passed the validations without warnings
See results:

Considerations

Things I would have loved to do, but I couldn't for lack of time:

• Deploy in demo server and provide public url.
• Add Redux for state handling.
• Add more functional tests.
• Handle incorrect Ids in the App.
• Generate different bundles in development (with sourcemaps, not minified, etc).

---

Run Project

Node: v8.9.2

1) Install Dependencies

npm install

2) Run

npm run start

3) Navigate to

http://localhost:3000

---

Develop

1) Start project

npm run start:dev

2) Compile assets (run it in a different terminal)

npm run watch

---

Unit Tests

npm run test:unit

Functional Tests

1) Run the app

npm run start:test

2) In another terminal run the tests

Attention: This required JAVA 8 installed with JAVA_HOME set

export JAVA_HOME=$(/usr/libexec/java_home -v 1.8)
npm run test:e2e

Author

Made from Córdoba, Argentina 😃

Facundo Allemand  
fallemand@outlook.com