Skip to content

Angular + Angular Material REST API interface to handle CRUD operations

Notifications You must be signed in to change notification settings

jplew/mongodb-firebase-app

Repository files navigation

Angular & Angular Material CRUD Client

This is a single-page Angular 11 app designed to consume a simple REST API.

Live Demo: https://mongodb-angular-app.web.app

Visitors have full read/write access, so feel free to play around. Just don't write any bad words or delete all the locations. :)

The front-end is completely decoupled from its back-end counterpart, which can be found here: https://github.com/jplew/mongodb-firebase-api

Features

  • Uses RxJS 6 pipeable operators
  • UI components courtesy of Angular Material 11
  • Responsive layout with Angular Flex-Layout
  • Features filtering via a search box or a drop-down menu
  • Results are sortable alphabetically by name
  • PUT and POST requests update the listing dynamically in real-time
  • Uses extensive client-side form validation

Local Dev Server

This project was created with Angular-CLI 6. Do the following to run it on your own machine:

  1. Clone the repo.
  2. Run npm install
  3. Run npm start
  4. Navigate to http://localhost:4200/

About

Angular + Angular Material REST API interface to handle CRUD operations

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published