/frontend-assessment-cgmorah

frontend technical assessment mindarc by CESAR GIOVANNI MORA

Primary LanguageSCSS

@cgmorah /Frontend technical by GIOVANNI MORA

IMPORTANT : It's built with Vue js App & Sass and It's not a regular HTML

Features

✓ Vue Js
✓ Vue Router
✓ Component Base
✓ Power Bootstrap
✓ Responsive
✓ Animate
✓ No jQuery

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Folder Structure

// root folder
        +
        |——aeroland
        |  |——public/
        |  |  |——/index.html
        |  |  |——/favicon.ico
        |  |  |——/.htaccess
        |  |——dist/
        |  |  |——css/
        |  |  |——img/
        |  |  |——js/
        |  |  |——fonts/
        |  |  |——.htaccess
        |  |  |——favicon
        |  |  |——/index.html
        |  |——src
        |  |  |——assets/
        |  |  |  |——css/                          --css files
	|  |  |  |——data/                         --data.json
        |  |  |  |——fonts/                        --fonts files
        |  |  |  |——img/                          --img files
        |  |  |  |——js/                           --js files
        |  |  |  |——scss/                         --scss files
        |  |  |  |——/index.scss
        |  |  |——components                       --Component Files Folder
        |  |  |  |——/Accordion.vue
        |  |  |  |——/FooterMain.vue
        |  |  |  |——/HeaderDeveloper.vue
        |  |  |  |——/HelloItemDeveloper.vue
        |  |  |  |——/TabOne.vue
        |  |  |——home_pages  
        |  |  |  |——/HomeDeveloper.vue
        |  |  |——pages
        |  |  |  |——/404.vue		
        |  |  |  |——/ElementAccordion.vue
        |  |  |——router/
        |  |  |  |——/index.js
        |  |  |——/App.vue
        |  |  |——/main.js
        |  |——/babel.config.js
        |  |——/.gitignore.js                    
        |  |——/package.json
        |  |——/README.md
        +

Dependencies

@vue-slick Doc: https://www.npmjs.com/package/vue-slick
@vue-awesome-swiper Doc: https://www.npmjs.com/package/vue-awesome-swiper
@vue-bootstrap Doc: https://www.npmjs.com/package/bootstrap

DEMO

https://phpstack-772581-2872088.cloudwaysapps.com/