Accordion menu

Accordion menu using Vanila Javascript and Sass

Table of contents

1. Demo
2. Install
3. Run in local enviroment
4. Deploy
5. Build
6. Eslinter
7. Unit tests
8. Libraries used for development
9. Libraries used for testing

1. Demo

https://andreeasimona.github.io/accordion/

2. Install in local enviroment. Before executing any script you should install the npm packages.

• npm install

3. Run in local enviroment.

• npm start
• You can see the content at http://localhost:9000/

4. To deploy the project. The project is deployed to the folder docs, used for the gh-page.

• npm run deploy

5. To build the project in local enviroment

• npm run build

6. For eslint check

• npm run linter The project used the airbnb base javascriopt .eslintrc as an extensible shared config.

7. For unit tests

• npm test

8. Libraries used for development

• html-webpack-plugin This is a webpack plugin that simplifies the creation of HTML files to serve your webpack bundles.
• node-sass Node-sass is a library that provides binding for Node.js to LibSass. Allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.
• webpack Webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.
• webpack-cli Command Line Interface for webpack
• webpack-dev-server Use webpack with a development server that provides live reloading.
• babel-core Babel compiler core.
• babel-loader This package allows transpiling JavaScript files using Babel and webpack.
• babel-plugin-transform-class-properties This plugin transforms es2015 static class properties as well as properties declared with the es2016 property initializer syntax.
• babel-preset-es2015 Babel preset for all es2015 plugins.
• babel-register

9. Libraries used for testing

• eslint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code.
• eslint-config-airbnb-base This package provides Airbnb's base JS .eslintrc as an extensible shared config.
• eslint-plugin-import This plugin intends to support linting of ES2015+ (ES6+) import/export syntax
• babel-eslint babel-eslint allows you to lint all valid Babel code with the fantastic ESLint.
• chai Chai is a BDD / TDD assertion library for node.js
• jsdom jsdom is a pure-JavaScript implementation of many web standards, notably the WHATWG DOM and HTML Standards, for use with Node.js.
• mocha Mocha is a feature-rich JavaScript test framework