We have provided this git repository that contains a boilerplate to kick start your new project with Delen Components. Our JS components are build with Angular and so is this boilerplate. If you prefer to use another JS framework you still have the possibility to use our css which can be found in the styles folder.
At Delen Private Bank we have a dedicated team who work on custom components. They develop the building blocks of our UI for the website and for the mobile app. Our JS components are currently at Angular v5.
Your app will be consistent with our branding. UI & UX provided. You don't have to develop something from scratch and can save valuable time.
There is no obligation to use our components but we wanted to give you the possibility to use them.
This project was generated with Angular CLI version 1.7.4. Additionally we provide our components that can be found in the packages folder.
Install node 9+ https://nodejs.org/en/download/
Install NPM 5+ https://www.npmjs.com/get-npm
Install yarn https://yarnpkg.com/lang/en/docs/install/
We used the angular cli to quickly generate a new starter project.
npm install -g @angular/cligit clone https://github.com/DelenPrivateBank/boilerplate.git
cd boilerplate
yarn installRun ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.
We use Frontify to manage our brand. Our designers document guidelines that the developers can follow to maintain brand consistency which is very important to us. You can find our styleguide at this url https://styleguide.delen.be/d/kQ69pS8mGZil.
PROTIP Go to the colors section to export our color pallette in different formats.
Each component is documented. You can find these docs in the packages folder or at our repository https://github.com/DelenPrivateBank/components.
We have also hosted our demo app at this url https://delenprivatebank.github.io/components/ with live code samples.
PROTIP Who knows the konami code?
- Use source control GIT (https://education.github.com/pack).
- Trello can be a helpful tool for task management and assignment in your team.
If you are in need of some support you can ask questions in person or on slack. We would like to ask you to post this in public channels so others can view this as well so we can avoid answering the same questions.
We hope you enjoy the hackathon! Good luck!