GetYourGuide Tours

GetYourGuide Practise Test
Search between different tours!

Features

• Responsive design [Desktop / Mobile]
• No scaffolding generators. Created from scratch.
• Unit testing with Jest & Enzyme
• Functional testing with Nightwatch
• Bundle JS - CSS (Transpile ES6 and JSX to ES5, Compile SCSS)
• Minify CSS - JS - Images
• Autoprefix styles for different browsers
• Lint JS with eslint
• Sort / Filter / Pagination / Loading
• 404 page

Why React

• Easy to split functionality in atomic components.
• Easy to reuse components between multiple projects.
• Fast to code.
• Great community support.
• Easy to handle interactions.
• Easy to test.

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 more functional tests.
• 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