/fe-test-angularjs-es2015

Very simple application for frontend, in angularjs 1.6.4 and es2015 modules - FE assessment 2017

Primary LanguageCSS

Peachtree System - Frontend Sample

what technologies that i used ?

  • Babel for supporting the ES2015 modules.
  • AngularJS v1.6.8 - as a frontend framework.
  • Angular UI Router - to facilitate routing and for its features.
  • HTML5/CSS3 - for sure they are used for views UI creating and styling.
  • Twitter Bootstrap - as UI framework.
  • SASS - as CSS preprocessor.
  • Webpack - as a bundler for all the js files.
  • Lite-server - Just to facilate running in the development environment.

What is the pattern and the archeticture that i used ?

  • I've applied the ES2015 modules pattern in all my files.
  • I've created a custom component for each segment in code that might be reusable later, each component is a separated module.
  • the main module include all the components as module in dependancies.

Setup prerequists

  • you have to install NodeJS to use its package manager npm.
  • you have to install sass. (way to install sass).
  • you should install compass to facilitate the compilation of sass to css (Here you go).

How to run the application

  • open CMD or Terminal in the root folder.
  • write this command npm install to install dependencies.
  • then write this command compass compile to compile sass files into css files.
  • Finally write npm start to start application and it will popup automatically in the browser at http://localhost:3000
  • Cool !! Have fun.