mdbootstrap/Angular-Bootstrap-Boilerplate

Stars
195
Rank 199,374 (Top 4 %)
Language
TypeScript
License
Other
Created over 5 years ago
Updated about 2 years ago

mdbootstrap/Angular-Bootstrap-Boilerplate

mdbootstrap

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Angular CRUD application starter with NgRx state management and Firebase backend

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/

mdb-ui-kit

Bootstrap 5 & Material Design UI KIT

Tailwind-Elements

𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎

material-design-for-bootstrap

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.

bootstrap-templates

A collection of free Bootstrap 5 templates.

adminlte-laravel

A Laravel 5 package that switchs default Laravel scaffolding/boilerplate to AdminLTE template and Pratt Landing Page with Bootstrap 3.0

mdb-react-ui-kit

React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

bootstrap-hover-dropdown

An unofficial Bootstrap plugin to enable Bootstrap dropdowns to activate on hover and provide a nice user experience.

mdb-angular-ui-kit

Angular 14 & Bootstrap 5 & Material Design 2.0 UI KIT

bootstrap-toggle-buttons

Bootstrap-toggle-buttons has moved to https://github.com/nostalgiaz/bootstrap-switch

mdb-vue-ui-kit

Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT

Black-Friday-2023

Black Friday & Cyber Monday Deals (UI Kits WordPress Plugins, CRMs, SEO, Courses, Books) for web developers, programmers, and software engineers.

Bootstarters

Free templates for Bootstrap 5

bootstrap-fluent-design

Fluent Design Theme for Bootstrap - inspired by Windows style and based on the latest Bootstrap 5.

perfect-scrollbar

Minimalistic but perfect custom scrollbar plugin. Get more free components with Material Design for Bootstrap UI Kit (link below)

Bootstrap-4-templates

A collection of Bootstrap 4 Templates - Material Design for Bootstrap. Important! New templates are available. Access the new templates via the link below:

knowledge-base

A common repository for all resources, tutorials, and useful materials. Find more free web development learning resources via the link below

Ecommerce-Template-Bootstrap

Ecommerce Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

TW-Elements-React

TW Elements for React - 𝙃𝙪𝙜𝙚 collection of Tailwind + React components, sections and templates 😎

bootstrap-5-freecodecamp-source-code

Source code to freeCodeCamp course for beginners

Admin-Dashboard-Template-Angular-Bootstrap

Admin template for Material Design for Angular Bootstrap.

mdb4-vue-ui-kit

Vue Bootstrap with Material Design - Powerful and free UI KIT

mdb4-react-ui-kit

React Bootstrap with Material Design - Powerful and free UI KIT

mdbsvelte

Svelte Bootstrap with Material Design

mdb-webpack-starter

Webpack Starter for Material Design for Bootstrap UI Kit based on the latest Bootstrap 5.

bootstrap-material-design

Important! A new UI Kit version for the latest Bootstrap 5 is available. Access the latest version via the link below

Landing-Page-Template-Bootstrap

Landing Page Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

mdb-cli

Command Line Interface for MDB (https://mdbootstrap.com/) - learn more about CLI via the link below

mdb-docs-and-content

Content of the mdbootstrap.com website

Admin-Dashboard-Template-Bootstrap

Admin Dashboard Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Saas-Template-Bootstrap

This is a Saas Template for Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Blog-Template-Bootstrap

Blog Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

Admin-Dashboard-Template-React-Bootstrap

Admin Dashboard template for React, Bootstrap & Material Design.

bootstrap-5-dark-theme

Dark mode / dark theme template. Built with the latest Bootstrap 5 & Material Design.

Admin-Dashboard-Template-Vue-Bootstrap

Admin Template for Material Design for Vue Bootstrap.

Portfolio-Template-Bootstrap

Portfolio Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

awesome-mdbootstrap

A curated list of awesome things related to MDBootstrap

Enhanced-Bootstrap-Modals

Collection of Enhanced Modals for Twitter Bootstrap

Bootstrap-5-Crash-Course-in-1.5H

These are lesson files for our 1,5h crash course on Bootstrap 5

Bootstrap-5-Landing-Page-Tutorial

This repository contains a source code to Bootstrap 5 Landing Page tutorial video. Access more Web Development tutorials via the link below

bootstrap-login-form

Responsive Login form built with Bootstrap 5. Lot of templates of signup forms and predefined form pages - various design, styles and functionalities.

mdb-easydata

Easily get data from any source and visualize it in an beautiful form

Bootstrap-tutorial-for-beginners

Learn the main features of the most powerful mobile framework.

bootstrap-5-admin-template

Template for admin dashboards, control panels, reports, and others. Built with the latest Bootstrap 5 & Material Design.

mdb4-angular-ui-kit

Angular Bootstrap with Material Design - Powerful and free UI KIT

Coming-Soon-Template-Bootstrap

Coming Soon Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

bootstrap-chat

Responsive Chat built with Bootstrap 5. Many variants of the chat UI - mobile app, messages box, desktop widget and more.

black-friday-cyber-monday-2020

A list of Black Friday and Cyber Monday promotions and discounts for developers

JS-tutorial-To-Do-List-App-for-beginners

This tutorial will teach you basics of JavaScript on the real app example. Access more Web Development tutorials via the link below

Magazine-Template-Bootstrap

Magazine Template - Bootstrap 4 & Material Design. ATTENTION! New templates for the latest Bootstrap 5 are now also available. Access new free templates via the link below.

jQuery-tutorial-for-beginners

jQuery tutorial for beginners. Access more Web Development tutorials via the link below

bootstrap-profiles

Responsive Profiles built with Bootstrap 5. Lots of templates such as card profile, user profile, profile form, with followers, avatars, comments, stats, social media and many more.

React-Tutorial-Agenda-App

This repo contains a lesson files for React development tutorial

MDB-Angular-PWA

MDB Angular Progressive Web App Tutorial application

bootstrap-5-full-carousel-cover-template

Make your website stand out with an image slider/carousel that takes up the entire viewport (fullscreen). Built with the latest Bootstrap 5 & Material Design.

MDB-VSCode-snippets

VS Code snippets for MDB

HTML-and-CSS-tutorial-for-beginners

Create your first website using HTML and CSS. Access even more Web Development tutorials via the link below:

mdb-angular-vscode-snippets

VS code snippets for MDB4 angular

MDB-5-Standard-snippets

Snippets for MDB 5 Standard

AJAX-tutorial-using-JS-and-jQuery-for-beginners

AJAX tutorial using JS and jQuery for beginners. Access more Web Development tutorials via the link below

Web-Developer-Roadmap

Roadmap to becoming a developer in 2022

mdb-starter-webpack

HTML-Forms-and-validation-tutorial-for-beginners

This tutorial will teach you how to create and validate HTML forms. Access more Web Development tutorials via the link below

Bootstrap-5-Tutorial-Portfolio

This repository is a result of a tutorial, link to the tutorial in a README. Access more Web Development tutorials via the link below

Vue-Tutorial-Agenda-App

Tutorial for an Agenda App built with VueJS. Access even more Web Development tutorials via the link below:

bootstrap-5-blog-template

Simple blog template. Built with the latest Bootstrap 5 & Material Design.

bootstrap-shopping-carts

Responsive Shopping Carts built with Bootstrap 5. Multiple examples of various designs and functionalities. Ready to use pages and templates.

bootstrap-footer

The ultimate collection of responsive Footers built with the latest Bootstrap 5. Free for personal & commercial use. If you'd like to customize your Footers will find the documentation below.

bootstrap-5-login-cover-template

Simplistic template for a login or registration page. Built with the latest Bootstrap 5 & Material Design.

bootstrap-timeline

Horizontal and vertical examples of responsive Timelines built with the latest Bootstrap 5. Easy to use and customize.

MDB5-Landing-page-tutorial

MDB5 - Landing page tutorial. Access more Web Development tutorials via the link below

mdb-starter-vite

MDB5-Blog-tutorial

MDB5 Blog tutorial. Access more Web Development tutorials via the link below

bootstrap-video-carousel

Example of responsive bootstrap carousel with videos instead of images built with the Bootstrap 5.

visual-studio-code-bootstap-4

Bootstrap 4 snippets for Visual Studio Code

MDB-Vue-Nuxt-Boilerplate

A MDB Vue & Nuxt.js quick start boilerplate

react-login-form

Responsive login form built with Bootstrap 5. Collection of examples for signup forms, full page login templates, login modals & many other sign in designs.

bootstrap-5-full-image-cover-template

Make your website stand out with an image that takes up the entire viewport (fullscreen). Built with the latest Bootstrap 5 & Material Design.

bootstrap-product-cards

Responsive Product Cards built with the latest Bootstrap 5. Lots of examples of different designs for eCommerce components.

bootstrap-weather

Responsive Weather templates built with the latest Bootstrap 5. Examples of UI with icons, cards, real data from API, interactive animated backgrounds.

MDB5-Portfolio-page-tutorial

MDB5 Portfolio page tutorial. Access more Web Development tutorials via the link below

vue-cli-plugin-mdb

Vue CLI plugin for MDB Vue package.

Facebook-like-chat-with-mdbootstrap-and-socket.io

Tutorial for building a Facebook App. Access more Web Development tutorials via the link below

Angular-PWA-Tutorial-Application

An application created while writing a tutorial on how to create a PWA application in Angular.

React-Template

Template for React Bootstrap Material Design

mdb-angular-contact-form

Contact form with Material Design Angular frontend and Node backend.

MDB-Vue-Laravel-Boilerplate

An MDB Vue & Laravel quick start boilerplate

bootstrap-mega-menu

Responsive Mega Menu built with Bootstrap 5. Examples of dropdown on click and on hover. Templates with grid, images, links, lists and more.

react-chat

Responsive React Chat built with Bootstrap 5. Many variants of chatbox UI, mobile app, messages box, chat window, chatbot UI, group chat, chat widget, web chat & more. https://mdbootstrap.com/docs/react/extended/chat/

bootstrap-to-do-list

Responsive To Do Lists built with the latest Bootstrap 5. Various variants of design and functionality.

Angular-Tutorial-Agenda-App

This repo contains a lesson files for Angular development tutorial

react-news-feed

Responsive React News Feed templates built with Bootstrap 5. News article feed, instagram, facebook and twitter-like feed, posts with comments, social section & more. https://mdbootstrap.com/docs/react/extended/news-feed

bootstrap-jumbotron

Responsive Jumbotron built with Bootstrap 5. Examples of classic hero component, with background image, with navbar and many other combinations.

bootstrap-comments

Responsive Comment Box built with the Bootstrap 5. Comment with avatar, nested comments, comment with reply, comment section, comment template, unread comments, comment form.

wordpress-blog

bootstrap-5-magazine-template

Template for news & article aggregation. Built with the latest Bootstrap 5 & Material Design.

bootstrap-5-half-carousel-cover-template

Make your website stand out with an image slider/carousel that takes up half a page. Built with the latest Bootstrap 5 & Material Design.

SASS-crash-course-for-beginners

This tutorial will learn you how to use SASS, a CSS with superpowers. Access more Web Development tutorials via the link below

bootstrap-5-one-column-template

A template that will easily help you kick start your project with 2-column based grid. Built with the latest Bootstrap 5 & Material Design.

bootstrap-square-buttons

Responsive Square Buttons built with Bootstrap 5. Black, disabled, full-width outline, social, block square buttons examples.

bootstrap-side-menu

Responsive Side menu with Bootstrap 5.Side Menu is a navigation component providing a clear way for navigating complex websites with lots of pages