schibsted-frontend

Frontend Exercise

With the next markup, you must create an accordion (JS / CSS) show only the contents of a section at a time.
Sure to follow the SUIT convention when working with CSS.

<dl>
  <dt>Section 1</dt>
  <dd>
    <p>Section 1 Content...</p>
  </dd>
  <dt>Section 2</dt>
  <dd>
    <p>Section 2 Content...</p>
  </dd>
  <dt>Section 3</dt>
  <dd>
    <p>Section 3 Content...</p>
  </dd>
</dl>

Conditions

• Use Sass for generate CSS
• Use ES6
• Use only Vanilla JS, without any JS framework
• Generate gh-page for publish

Bonus

• Add new section with Ajax content

---

Description

To resolve the excercise:
This project has been built with webpack, vanilla JS, Sass and E6. As an extra Bonus, the accordion’s sections comes from an API created.

See project online!

Installation

• Clone this repo in master branch.
• All dependencies have to be be installed:

$ npm install

Run the server

• To launch the project in local enviroment:

$ npm run start:dev

Project is running at http://localhost:8080/

To run in dev mode or debugg mode

$ npm run test

Author:

Gemma Garcias Escudé