10 AngularJS CRUD App Demos

Sam Deering Sam Deering (updated ) Angular Demos & Coding Examples

In today’s post we’ve collected 5 CRUD AngularJS App Demos to help you get started with your AngularJS app development. If you didn’t know CRUD (create, read, update, delete) are the four basic functions for persistent storage in your web systems. There is also a 5th SCRUD where the S stands for Search and can be used to describe the user interface in terms of searching, storing and managing your database records. CRUD apps can also be associated with RESTful services as they provide similar services to you but the later can differ in terms of providing you with identified end point urls on resources. If you find any other decent AngularJS CRUD App Demos please do leave a comment.

1. Angular Cellar CRUD Demo

Sample Angular.js application (Wine Cellar Management App) by Christophe Coenraets. He's provided some excellent sample applications in the past and this one, although a couple of years old is still really useful for those trying to understand how AngularJS apps work with CRUD.
Sample Angular.js application (Wine Cellar Management App) by Christophe Coenraets. He’s provided some excellent sample applications in the past and this one,
although a couple of years old is still really useful for those trying to
understand how AngularJS apps work with CRUD.
Github Website Demo

2. AngularJS CRUD Data Grid Demo

The goal of this post is to write a single page application (SPA) to display a list of items inside a grid. This grid shall not only display a list of items but also allows all the CRUD operations: Create a new item and Read, Update and Delete for the contained items.
The goal of this post is to write a single page application (SPA) to display a list of items inside a grid. This grid shall not only display a list of items but also allows all the CRUD operations: Create a new item and Read, Update and Delete for the contained items.
Tutorial Demo

3. Todo Breeze AngularJS CRUD Demo

This is an example of using BreezeJS with AngularJS to produce a simple todo app. BreezeJS provides the model and data access to AngularJS which manages the presentation layer and bindings.
This is an example of using BreezeJS with AngularJS to produce a simple todo app. BreezeJS provides the model and data access to AngularJS which manages
the presentation layer and bindings.
Tutorial Website Demo

4. AngularJS CRUD Demo

Demo of a simple CRUD RESTful php service used with AngularJS and MySQL. This example has a really clean looking demo and definiately worth a look if your trying to get an AngularJS CRUD app working. It's a shame the code is not on GitHub though.
Demo of a simple CRUD RESTful php service used with AngularJS and MySQL. This example has a really clean looking demo and definiately worth a look if your trying
to get an AngularJS CRUD app working. It’s a shame the code is not on GitHub though.
Tutorial Demo

5. ng-admin CRUD demo

Plug me to your RESTFul API to get a complete administration tool (CRUD, multi-model relationships, dashboard, complex form widgets) in no time!
Plug me to your RESTFul API to get a complete administration tool (CRUD, multi-model relationships, dashboard, complex form widgets) in no time!
Github Demo

6. AngularJS CRUD application demo

Reference application for AngularJS CRUD which supports the Mastering Wevb Applications in AngularJS Book where various patterns and techniques are used. It uses MongoDB, MongoLab, Node.js, AngularJS, Twitter Bootstrap as the main web technologies for the demo.
Reference application for AngularJS CRUD which supports the Mastering Wevb Applications in AngularJS Book where various patterns and techniques are used.
It uses MongoDB, MongoLab, Node.js, AngularJS, Twitter Bootstrap as the
main web technologies for the demo.
Github

7. RESTful CRUD With AngularJS

A good example of how to hookup your CRUD/REST AngularJS app to a Java back-end. There is no working demo for this but it looks the part so it makes the shortlist.
A good example of how to hookup your CRUD/REST AngularJS app to a Java back-end. There is no working demo for this but it looks the part so it makes the shortlist.
Github Tutorial

8. AngularJS CRUD with ngResource

A sitepoint tutorial on how to use $resource to create an AngularJS CRUD app in just a few minutes. It is a very basic example so could be useful to beginners who are looking to learn AngularJS I recommend casting your eyes over the code.
A sitepoint tutorial on how to use $resource to create an AngularJS CRUD app in
just a few minutes. It is a very basic example so could be useful to beginners who are looking to learn AngularJS I recommend casting your eyes over the code.
Github Tutorial

Other AngularJS Crud Apps we found which may be of use:

Sam Deering

Sam Deering

Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and sharing what he learns with others.

11 thoughts on “10 AngularJS CRUD App Demos”

  5. This does bring up a point: Git hashes are useful and, arguably, the only meaningful way to specify a repository point (certainly if you’re not doing something like maintaining one authoritative distribution repository)…but they’re utterly useless to know where the version you’re running lies in the chain of released versions of the software. Adobe InDesign CS6 YOUTUBE is the NEW PROPAGANDA SCREEN not all amateur videos are as they appear…. The Weapon Maker = Big Media Faker

    Reply

  9. I have noticed you don’t monetize your site, don’t
    waste your traffic, you can earn additional cash every month because you’ve got high quality content.
    If you want to know how to make extra bucks, search for: best adsense alternative Wrastain’s
    tools

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *