fallemand / dh-restaurants-test

Node + Express + React | Search restaurants and get their menu. Demo application

Delivery Hero Restaurants

Delivery Hero Practise Test
Search between different restaurants and see their food options!

Features

• Resposive design
• 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 (ASC - DESC) / Filter / Pagination / Loading
• 404 page

Considerations

In the restaurants list, there are some duplicated restaurants (same id and name).
I filter them in the Api and keep only the first one.

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

• Handle errors in the API.
• Handle incorrect Ids in the App.
• Add WAI-ARIA markup
• Deploy in demo server and provide public url.
• 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  
[e-mail]