mdbootstrap / angular-bootstrap-boilerplate Goto Github PK

View Code? Open in Web Editor NEW

196.0 10.0 88.0 334 KB

Angular CRUD application starter with NgRx state management and Firebase backend

Home Page: https://mdbootstrap.com/freebies/angular/boilerplate/

License: Other

JavaScript 0.99% TypeScript 78.62% HTML 19.28% SCSS 1.12%

backend crud firebase ngrx

angular-bootstrap-boilerplate's Introduction

MDB Angular Boilerplate

Free, responsive CRUD application starter with NgRx state management, Firebase backend and material design. Built with the newest Bootstrap 4, Angular 7 and MDBootstrap - powerful and free UI Kit, containing 400+ material UI elements, 600+ material icons, 74 CSS animations, SASS files, templates, tutorials and many more.

Technologies used

Angular 7
Bootstrap 4
MDBootstrap Angular
NgRx
Firebase

Most important features

NgRx state management
Real time updates with Firebase real time database
Admin panel - manage user content
Responsive design

Installation:

Firebase configuration: https://mdbootstrap.com/freebies/angular/boilerplate/

Install: npm i

Run: ng serve -o

Test: ng test

Production Build: ng build --prod

FAQ

https://mdbootstrap.com/docs/angular/pro/faq/

Documentation

https://mdbootstrap.com/docs/angular/

Support:

http://mdbootstrap.com/support/

Social Media:

Twitter: https://twitter.com/MDBootstrap

Facebook: https://www.facebook.com/mdbootstrap

Pinterest: https://pl.pinterest.com/mdbootstrap

Dribbble: https://dribbble.com/mdbootstrap

LinkedIn: https://www.linkedin.com/company/material-design-for-bootstrap

Visit our website: https://mdbootstrap.com/

angular-bootstrap-boilerplate's People

Contributors

Stargazers

Watchers

Forkers

filipkappa marveluck gilluan onixide piotrpabian orlandoangular javril rafiquemohammed yamexchange rgarciaseija fiferjanis agdolla marcos-r-r sandeepk1152 nartc labsandware tobinfrost mominirfan lowmana69 praveennishanth stvrjs120 heniu75 ahmedtharwat2 jackrom drewhawken saibatta comeoninc rohannayak90 petruburlacu charlesdccti quanghd96 larohndale mpdo2017 stanleynga study-inspired architechcro kartset rkristelijn omarkhanfer meddy672 hoanganh-nguyen94 hubbycoder radrad halkang wouterbouwman dvbnrg sahnibharat walieddine pauljohn-duenas28 ndce06 greticani samtomashi aiallanigue doc22940 craftzbay upenadr adiatma85 kumail-raza domekuf osmancansiz hadt0786 rohillion opusdigitalkraft fmormah dndoanh razortag97 kokatev abdenasser odongohcoder cakoww lvt1325 oflenake facealone shiv11x10 hoangdaniel rsoares21 phpagil sreerajarajeswaridevi califken elderdosantos bicavani zareen5 sbremsen bangvo88 dogansalman isabella232 tn-teamrg szefipetya

angular-bootstrap-boilerplate's Issues

how to retrive data from database of different customers together

Angular 8

is it too early to upgrade to angular 8?

Cannot find module 'firebase/app'

This is a fresh clone, run npm i and followed firebase instructions.

isAdmin flag isn't properly read

found 7 high severity vulnerabilities

How to reproduce

git clone [email protected]:mdbootstrap/Angular-Bootstrap-Boilerplate.git
cd cd Angular-Bootstrap-Boilerplate || npm i

Expected behaviour

No vulnerabilities

Behaviour

found 7 high severity vulnerabilities

Version

8.0.0

More information

npm audit | grep -E "(High | Critical)" -B3 -A10
                                                                                
# Run  npm update handlebars --depth 4  to resolve 1 vulnerability
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Prototype Pollution                                          │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ handlebars                                                   │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ karma-coverage-istanbul-reporter [dev]                       │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ karma-coverage-istanbul-reporter > istanbul-api >            │
│               │ istanbul-reports > handlebars                                │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories/1164                            │
└───────────────┴──────────────────────────────────────────────────────────────┘

# Run  npm update https-proxy-agent --depth 6  to resolve 6 vulnerabilities
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Machine-In-The-Middle                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ @angular/cli [dev]                                           │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ @angular/cli > @schematics/update > pacote >                 │
│               │ make-fetch-happen > https-proxy-agent                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories/1184                            │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Machine-In-The-Middle                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ @angular/cli [dev]                                           │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ @angular/cli > pacote > make-fetch-happen >                  │
│               │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories/1184                            │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Machine-In-The-Middle                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ @angular/cli [dev]                                           │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ @angular/cli > @schematics/update > pacote >                 │
│               │ npm-registry-fetch > make-fetch-happen > https-proxy-agent   │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories/1184                            │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Machine-In-The-Middle                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ @angular/cli [dev]                                           │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ @angular/cli > pacote > npm-registry-fetch >                 │
│               │ make-fetch-happen > https-proxy-agent                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories/1184                            │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Machine-In-The-Middle                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ protractor [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ protractor > browserstack > https-proxy-agent                │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories/1184                            │
└───────────────┴──────────────────────────────────────────────────────────────┘


┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Machine-In-The-Middle                                        │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ https-proxy-agent                                            │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ protractor [dev]                                             │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ protractor > saucelabs > https-proxy-agent                   │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://npmjs.com/advisories/1184                            │
└───────────────┴──────────────────────────────────────────────────────────────┘

Proposed fix

npm audit fix + update package-lock.json

@ngrx/[email protected]

How to solve this warning:
npm WARN @ngrx/[email protected] requires a peer of rxjs@^5.0.0-beta.12 but none is installed. You must install peer dependencies yourself.

Trying Latest commit f8cc074 - many errors..

Are you sure this code is working ?
I've downloaded and run npm i, this is my log:
2019-07-02T10_31_23_452Z-debug.log

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.