Solution: Sergi Roca & Christian Herrero

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+dist

README.md

@@ -1,61 +1,36 @@
-`#html` `#css` `#sass` `#javascript` `#webpack` `#es6` `#master-in-software-engineering`
+## Steps
 
-# WebPack Basics <!-- omit in toc -->
+- Create project directory and repository
+- Create relevant folders HTML and Javascript files
+`index.html`
+`main.js`
+`module-a.js`
+`module-b.js`
+`colors.scss`
+`main.scss`
+`text.scss`
+`image files`
 
-<p>
-  <img alt="Version" src="https://img.shields.io/badge/version-1.0-blue.svg?cacheSeconds=2592000" />
-</p>
+- Intall Webpack plugins
+- Make sure package.json is alright
+- Create and configure webpack in file webpack.config.js
 
-> WebPack is a tool that allows you to manage the resources and dependencies of a website. 
->
-> It mainly solves Javascript dependencies, although it can also work with css, images, Javascript preprocessors, CSS preprocessors, template systems, and much more.
+- Write the relevant code in module-a.js:
 
-## Index <!-- omit in toc -->
+`create class`
+`arrow functions`
+`create variables`
+`html template`
 
-- [Requirements](#requirements)
-- [Repository](#repository)
-- [Technologies used](#technologies-used)
-- [Project delivery](#project-delivery)
-- [Resources](#resources)
+- Write the relevant code in module-b.js:
+`jquery`
 
-## Requirements
+- Import the code from module-a.js and module-b.js to main.js
 
-- You must make use of the new features of ECMAScript 6
-- You must import several files so that the final result is a single bundle for Javascript and a single bundle for sass
-- Verify that the output bundle generated by WebPack for the Javascript layer has made the transformation from ECMAScript 6 to ECMAScript 5
-- Create a clear and orderly directory structure
+- Write the relevant sass code in the colors.scss, text.scss files and main.scss
 
+- Import code from main.scss to main.js
 
-## Repository
+- Import images to main.js and append images to "gallery" in index.html
 
-First of all you must fork this project into your GitHub account.
-
-To create a fork on GitHub is as easy as clicking the “fork” button on the repository page.
-
-<img src="https://docs.github.com/assets/images/help/repository/fork_button.jpg" alt="Fork on GitHub" width='450'>
-
-## Technologies used
-
-\* HTML
-
-\* CSS
-
-\* JS
-
-\* SASS
-
-\* webpack
-
-\* ES6
-
-## Project delivery
-
-To deliver this project you must follow the steps indicated in the document:
-
-- [Submitting a solution](https://www.notion.so/Submitting-a-solution-524dab1a71dd4b96903f26385e24cdb6)
-
-## Resources
-
-
-- [WebPack Official](https://webpack.js.org/)
-- [ECMAScript 6 compatibility](https://kangax.github.io/compat-table/es6/)
+- Compress images through webpack plugins