Crello

<h1 style="text-align: center;">Crello</h1> <div style="display: flex; justify-content: center; align-items: center; flex-wrap: wrap;"> <img src="https://img.shields.io/badge/frontend-Angular-red?logo=angular" style="margin-right: 1rem;" /> <img src="https://img.shields.io/badge/backend-Firebase-yellow?logo=firebase" style="margin-right: 1rem;" /> <img src="https://img.shields.io/badge/PRs-Welcome!-brightgreen" /> </div> <h4 style="text-align: center;">Crello is an open-source, web-based, Kanban-style, list-making application, heavily inspired by <a href="https://trello.com/home">Trello</a>.</h4> <img src="./src/assets/img/Work at home.svg" />

Tech stack

• Angular
• Angular Material
• RxJS
• NgRx
• angularfire
• Firebase
• Jasmine and Karma

Contributing to the repository

Read the contribution guidelines.

Code scaffolding

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.

Linting

Run npm run lint to run eslint. The project uses eslint and prettier instead of tslint.

Build

Run npm run build to build the project. The build artifacts will be stored in the dist/ directory. Use the build:prod command for a production build.

Running unit tests

Run npm run test:watch to execute the unit tests via Karma in watch mode. Use the test command to execute the unit tests using a headless version of Chrome. A “headless” browser is a browser that does not have a visual GUI.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.