AngularJS Framework : How to start - List of project samples

AngularJS logo
Bookmark and Share




bogotobogo.com site search:



How to start? - list of project samples

Here is the list of project samples available online.

Launched sites:

  1. http://www.contentacle.com
    - Content management and planning software for bloggers and inbound marketers
  2. https://www.vitaliator.com
    - Fitness Social Plattform.
  3. https://www.timelock.io
    - Add dynamic status bars (order updates, etc) to transactional email.
  4. https://www.antwerpen.be
    - New social / app platform for the City of Antwerp
  5. http://coinkite.github.io/coinkite-bitcoin-atm/
    - Bitcoin ATM - Open Source
  6. http://coinkite.github.io/coinkite-angular/
    - API Browser made with Angular
  7. http://www.gifteng.com
    - social community for free stuff using AngularJS and Bootsrap (flat)
  8. http://www.programming-free.com/p/currency-converter-using-angularjs.html
    - Simple Currency Converter using AngularJS and ASP.NET Web API
  9. http://www.goread.io/
    - Google Reader clone (Angular + Go)
    - source at https://github.com/mjibson/goread
  10. https://www.fivetran.com/
    - Data analysis made easy
  11. http://pikock.github.com/bootstrap-magic/
    - bootstrap themes generator
  12. http://tmtheme-editor.herokuapp.com
    - color-scheme editor for Sublime Text and Textmate
  13. https://www.dqcakes.com
  14. https://www.wooepa.com
  15. http://my.trading.io
    - carbon offset trading plattform
  16. http://m.everymote.com
    - a smarter control system, see http://www.everymote.com
  17. https://rws-fishy-tags.herokuapp.com/
    - a facebook app for tagging friend in a picture.
  18. http://learni.st/
    - a social learning platform
  19. http://zuigo.com/
    - a platform for organizing events (angular + rails4)
  20. http://lookaround.herokuapp.com/
    - Search the places near you
    ( angular + bootstrap + Google maps, places api )
  21. https://merchant.ebaycommercenetwork.com/
    - Advertising Merchant Account Center.
    See intro video - http://youtu.be/ATvD7EvIzCE
  22. http://ggtracker.com
    - analyze your StarCraft games and get better faster
  23. http://www.costcophotocenter.com/
    - Upload, print and manage your photos online
  24. http://www.yearofmoo.com
    - Great blog resource for AngularJS
  25. http://www.worktile.com
    - AngularJS + Bootstrap + Node.JS
  26. http://www.astutesoft.co.za
    - AngularJS + Prismic.io
  27. http://www.kanui.com.br
    - Brazilian E-commerce
  28. https://www.projectcamp.us
    - Online education platform
  29. https://www.paytm.com
    - Indian Marketplace
  30. https://www.xplenty.com
    - Data Integration Service. Simplified.



List of projects / examples

  1. https://github.com/ivanproskuryakov/Aisel
    Framework based on Symfony2 & AngularJS http://aisel.co
  2. https://github.com/AgronKabashi/TemplateEngine
    (Design and build web applications using only your web browser)
  3. https://github.com/ShankarKamble/chat-with-geolocation
    - Angular Form Builder - AngularJS + Bootstrap + Node.js + MongoDB + Socket.io + Google Map (User Chat Application with GeoLocation in Mean Stack)
  4. https://github.com/ShankarKamble/Riffle-Shuffle-in-Mean-Stack
    - Angular Form Builder - AngularJS + Bootstrap + Node.js + MongoDB (Riffle Suffle Deal Deck in Mean Stack)
  5. https://github.com/shidhincr/LookAround
    - Angular + Bootstrap + Google Maps + Google Places API
  6. https://github.com/Goktug/NgVideo
    - Youtube Search Application with AngularJS and LocalStorage
  7. https://github.com/pkukielka/angular-panels
    - Bootstrap angular.js portal
  8. http://cupcakeipsum.com/
    - Simple app for generating lorem-ipsum text
  9. http://cburgdorf.github.com/angular-todo-app/
    - Awesome TODO app
  10. http://paul-hammant.github.com/StoryNavigator/navigator.html
    - Tabular presentation of static JSON data, with sorts/filters and a JQuery overlay.
  11. http://pread.ly
    - Preadly is a global big data media platform - Angular.
  12. https://github.com/tigbro/jquery-mobile-angular-adapter
    - jQuery mobile + angular
  13. https://github.com/tigbro/sencha-touch-angular-adapter
    - Sencha Touch + angular
  14. http://hookercookerman.github.com/angularjs-todos/
    - Very simple ToDo list, but nice design :-D
  15. https://github.com/xrd/senkaku.js < br />- SenchaTouch + angular
  16. https://github.com/apigee/WADL-builder
    - WADL builder
  17. https://github.com/dpavlin/angular-mojolicious
  18. https://github.com/twarogowski/Tasks
    - couple of custom widgets (autocomplete, date-picker, progress, …)
  19. https://github.com/mdolk/angular-java-server-midi
    - Building angular app using java server + maven. Piano keyboard keys laid out with Angular.
  20. https://github.com/vojtajina/helpdesk-client
    - HelpDesk client for REST service
  21. http://www.fluid.ie/angular/calculate/
    - Calculator, command pattern, very nice UI
  22. https://github.com/centresource/angularjs_rails_demo
  23. http://vimeo.com/30328747
    http://vimeo.com/30329977
    - AngularJS + Rails !!!
  24. http://search.bandwagon.sg/#/events
    - Live music gig finder
  25. http://movies.carlbarrdahl.se/
    - Movie search
  26. https://github.com/ThomasBurleson/angularJS-CafeTownsend
    - Awesome CafeTownsend app
  27. https://github.com/sectore/CafeTownsend-Angular-Rails
    - Another CafeTownsend app using AngularJS and Rails
  28. https://github.com/agektmr/ProjectTabManager
    - Chrome Extension v2 using Angular
  29. https://github.com/ivan-dyachenko/bamboo-status
    - Chrome Extension using Angular and CoffeeScript
  30. https://github.com/thewildpendulum/angular-phonegap-seed
    - Angular + PhoneGap seed project
  31. https://github.com/gesellix/keepass-node
    - KeePass2 reader - AngularJS + Bootstrap + Angular-Treeview + ZeroClipboard + Node.js
  32. https://github.com/kelp404/angular-form-builder
    - Angular Form Builder - AngularJS + Bootstrap + jQuery
  33. https://github.com/dougjohnston/angular-drum-machine
    - Drum Machine built with Angular
    Demo: http://drums.dojosto.com
  34. https://github.com/markwylde/Flickular-Demo
    - example using services, directives, ajax, jasmine, karma, grunt
  35. http://www.zkoss.org/zk-angular-demo/
    - Example using ZK MVVM + AngularJS + Bootstrap
  36. https://github.com/bvaughn/angular-form-for/
    - Form creation and validation
  37. https://github.com/hrhrprasath/NgDicomViewer
    -An Angular application to view dicom images
  38. https://www.globaleaks.org
    - the first open-source whistleblowing framework
  39. https://waitwhile.com
    - Waitlist app for businesses to manage guest queues, with customizable SMS alerts, wait time estimator and customer insights.
  40. https://invoice-generator.com
    - One-click invoices with no sign up required




Note

Got the list from Projects using AngularJS




AngularJS

  • Introduction
  • Directives I - ng-app, ng-model, and ng-bind
  • Directives II - ng-show, ng-hide, and ng-disabled
  • Directives III - ng-click with toggle()
  • Expressions - numbers, strings, and arrays
  • Binding - ng-app, ng-model, and ng-bind
  • Controllers - global controllers, controller method, and external controllers
  • Data Binding and Controllers (Todo App)
  • Todo App with Node
  • $scope - A glue between javascript (controllers) and HTML (the view)
  • Tables and css
  • Dependency Injection - http:fetch json & minification
  • Filters - lower/uppercase, currenty, orderBy, and filter:query with http.get()
  • $http - XMLHttpRequest and json file
  • Module - module file and controller file
  • Forms
  • Routes I - introduction
  • Routes II - separate url template files
  • Routes III - extracting and using parameters from routes
  • Routes IV - navigation between views using links
  • Routes V - details page
  • AngularJS template using ng-view directive : multiple views
  • Nested and multi-views using UI-router, ngRoute vs UI-router
  • Creating a new service using factory
  • Querying into a service using find()
  • angular-seed - the seed for AngularJS apps
  • Token (JSON Web Token - JWT) based auth backend with NodeJS
  • Token (JSON Web Token - JWT) based auth frontend with AngularJS
  • Twitter Bootstrap
  • Online resources - List of samples using AngularJS (Already launched sites and projects)
  • Meteor Angular App with MongoDB (Part I)
  • Meteor Angular App with MongoDB (Part II - Angular talks with MongoDB)
  • Meteor Angular App with MongoDB (Part III - Facebook / Twitter / Google logins)
  • AngularJS Tutorial: Shopping cart sample
  • Laravel 5 / Angular Auth using JSON Web Token (JWT) - Prod
  • Scala/Java Play app with Angular










    • Ph.D. / Golden Gate Ave, San Francisco / Seoul National Univ / Carnegie Mellon / UC Berkeley / DevOps / Deep Learning / Visualization

    YouTubeMy YouTube channel

    Sponsor Open Source development activities and free contents for everyone.

    Thank you.

    - K Hong







    AngularJS



    Introduction

    Directives I - ng-app, ng-model, and ng-bind

    Directives II - ng-show, ng-hide, and ng-disabled

    Directives III - ng-click with toggle()

    Expressions - numbers, strings, and arrays

    Binding - ng-app, ng-model, and ng-bind

    Controllers - global controllers, controller method, and external controllers

    Data Binding and Controllers (Todo App)

    Todo App with Node

    $scope - A glue between javascript (controllers) and HTML (the view)

    Tables and css

    Dependency Injection - http:fetch json & minification

    Filters - lower/uppercase, currenty, orderBy, and filter:query with http.get()

    $http - XMLHttpRequest and json file

    Module - module file and controller file

    Forms

    Routes I - introduction

    Routes II - separate url template files

    Routes III - extracting and using parameters from routes

    Routes IV - navigation between views using links

    Routes V - details page

    AngularJS template using ng-view directive : multiple views

    Nested and multi-views using UI-router, ngRoute vs UI-router

    Creating a new service using factory

    Querying into a service using find()

    angular-seed - the seed for AngularJS apps

    Token (JSON Web Token - JWT) based auth backend with NodeJS

    Token (JSON Web Token - JWT) based auth frontend with AngularJS

    Twitter Bootstrap

    Online resources - List of samples using AngularJS (Already launched sites and projects)

    Meteor Angular App with MongoDB (Part I)

    Meteor Angular App with MongoDB (Part II - Angular talks with MongoDB)

    Meteor Angular App with MongoDB (Part III - Facebook / Twitter / Google logins)

    Scala/Java Play app with Angular

    Laravel 5 / Angular Auth using JSON Web Token (JWT) - Prod

    Scala/Java Play app with Angular




    Sponsor Open Source development activities and free contents for everyone.

    Thank you.

    - K Hong







    Node.JS



    Node.js

    MEAN Stack : MongoDB, Express.js, AngularJS, Node.js

    MEAN Stack Tutorial : Express.js with Jade template

    Building REST API with Node and MongoDB

    Nginx reverse proxy to a node application server managed by PM2

    Jade Bootstrap sample page with Mixins

    Real-time polls application I - Express, Jade template, and AngularJS modules/directives

    Real-time polls application II - AngularJS partial HTML templates & style.css

    Node ToDo List App with Mongodb

    Node ToDo List App with Mongodb - II (more Angular)

    Authentication with Passport

    Authentication with Passport 2

    Authentication with Passport 3 (Facebook / Twitter Login)

    React Starter Kit

    Meteor app with React

    MEAN Stack app on Docker containers : micro services

    MEAN Stack app on Docker containers : micro services via docker-compose







    Docker & K8s



    Docker install on Amazon Linux AMI

    Docker install on EC2 Ubuntu 14.04

    Docker container vs Virtual Machine

    Docker install on Ubuntu 14.04

    Docker Hello World Application

    Nginx image - share/copy files, Dockerfile

    Working with Docker images : brief introduction

    Docker image and container via docker commands (search, pull, run, ps, restart, attach, and rm)

    More on docker run command (docker run -it, docker run --rm, etc.)

    Docker Networks - Bridge Driver Network

    Docker Persistent Storage

    File sharing between host and container (docker run -d -p -v)

    Linking containers and volume for datastore

    Dockerfile - Build Docker images automatically I - FROM, MAINTAINER, and build context

    Dockerfile - Build Docker images automatically II - revisiting FROM, MAINTAINER, build context, and caching

    Dockerfile - Build Docker images automatically III - RUN

    Dockerfile - Build Docker images automatically IV - CMD

    Dockerfile - Build Docker images automatically V - WORKDIR, ENV, ADD, and ENTRYPOINT

    Docker - Apache Tomcat

    Docker - NodeJS

    Docker - NodeJS with hostname

    Docker Compose - NodeJS with MongoDB

    Docker - Prometheus and Grafana with Docker-compose

    Docker - StatsD/Graphite/Grafana

    Docker - Deploying a Java EE JBoss/WildFly Application on AWS Elastic Beanstalk Using Docker Containers

    Docker : NodeJS with GCP Kubernetes Engine

    Docker : Jenkins Multibranch Pipeline with Jenkinsfile and Github

    Docker : Jenkins Master and Slave

    Docker - ELK : ElasticSearch, Logstash, and Kibana

    Docker - ELK 7.6 : Elasticsearch on Centos 7 Docker - ELK 7.6 : Filebeat on Centos 7

    Docker - ELK 7.6 : Logstash on Centos 7

    Docker - ELK 7.6 : Kibana on Centos 7 Part 1

    Docker - ELK 7.6 : Kibana on Centos 7 Part 2

    Docker - ELK 7.6 : Elastic Stack with Docker Compose

    Docker - Deploy Elastic Cloud on Kubernetes (ECK) via Elasticsearch operator on minikube

    Docker - Deploy Elastic Stack via Helm on minikube

    Docker Compose - A gentle introduction with WordPress

    Docker Compose - MySQL

    MEAN Stack app on Docker containers : micro services

    Docker Compose - Hashicorp's Vault and Consul Part A (install vault, unsealing, static secrets, and policies)

    Docker Compose - Hashicorp's Vault and Consul Part B (EaaS, dynamic secrets, leases, and revocation)

    Docker Compose - Hashicorp's Vault and Consul Part C (Consul)

    Docker Compose with two containers - Flask REST API service container and an Apache server container

    Docker compose : Nginx reverse proxy with multiple containers

    Docker compose : Nginx reverse proxy with multiple containers

    Docker & Kubernetes : Envoy - Getting started

    Docker & Kubernetes : Envoy - Front Proxy

    Docker & Kubernetes : Ambassador - Envoy API Gateway on Kubernetes

    Docker Packer

    Docker Cheat Sheet

    Docker Q & A

    Kubernetes Q & A - Part I

    Kubernetes Q & A - Part II

    Docker - Run a React app in a docker

    Docker - Run a React app in a docker II (snapshot app with nginx)

    Docker - NodeJS and MySQL app with React in a docker

    Docker - Step by Step NodeJS and MySQL app with React - I

    Installing LAMP via puppet on Docker

    Docker install via Puppet

    Nginx Docker install via Ansible

    Apache Hadoop CDH 5.8 Install with QuickStarts Docker

    Docker - Deploying Flask app to ECS

    Docker Compose - Deploying WordPress to AWS

    Docker - WordPress Deploy to ECS with Docker-Compose (ECS-CLI EC2 type)

    Docker - ECS Fargate

    Docker - AWS ECS service discovery with Flask and Redis

    Docker & Kubernetes: minikube version: v1.31.2, 2023

    Docker & Kubernetes 1 : minikube

    Docker & Kubernetes 2 : minikube Django with Postgres - persistent volume

    Docker & Kubernetes 3 : minikube Django with Redis and Celery

    Docker & Kubernetes 4 : Django with RDS via AWS Kops

    Docker & Kubernetes : Kops on AWS

    Docker & Kubernetes : Ingress controller on AWS with Kops

    Docker & Kubernetes : HashiCorp's Vault and Consul on minikube

    Docker & Kubernetes : HashiCorp's Vault and Consul - Auto-unseal using Transit Secrets Engine

    Docker & Kubernetes : Persistent Volumes & Persistent Volumes Claims - hostPath and annotations

    Docker & Kubernetes : Persistent Volumes - Dynamic volume provisioning

    Docker & Kubernetes : DaemonSet

    Docker & Kubernetes : Secrets

    Docker & Kubernetes : kubectl command

    Docker & Kubernetes : Assign a Kubernetes Pod to a particular node in a Kubernetes cluster

    Docker & Kubernetes : Configure a Pod to Use a ConfigMap

    AWS : EKS (Elastic Container Service for Kubernetes)

    Docker & Kubernetes : Run a React app in a minikube

    Docker & Kubernetes : Minikube install on AWS EC2

    Docker & Kubernetes : Cassandra with a StatefulSet

    Docker & Kubernetes : Terraform and AWS EKS

    Docker & Kubernetes : Pods and Service definitions

    Docker & Kubernetes : Headless service and discovering pods

    Docker & Kubernetes : Service IP and the Service Type

    Docker & Kubernetes : Kubernetes DNS with Pods and Services

    Docker & Kubernetes - Scaling and Updating application

    Docker & Kubernetes : Horizontal pod autoscaler on minikubes

    Docker & Kubernetes : NodePort vs LoadBalancer vs Ingress

    Docker & Kubernetes : Load Testing with Locust on GCP Kubernetes

    Docker & Kubernetes : From a monolithic app to micro services on GCP Kubernetes

    Docker & Kubernetes : Rolling updates

    Docker & Kubernetes : Deployments to GKE (Rolling update, Canary and Blue-green deployments)

    Docker & Kubernetes : Slack Chat Bot with NodeJS on GCP Kubernetes

    Docker & Kubernetes : Continuous Delivery with Jenkins Multibranch Pipeline for Dev, Canary, and Production Environments on GCP Kubernetes

    Docker & Kubernetes - MongoDB with StatefulSets on GCP Kubernetes Engine

    Docker & Kubernetes : Nginx Ingress Controller on minikube

    Docker & Kubernetes : Setting up Ingress with NGINX Controller on Minikube (Mac)

    Docker & Kubernetes : Nginx Ingress Controller for Dashboard service on Minikube

    Docker & Kubernetes : Nginx Ingress Controller on GCP Kubernetes

    Docker & Kubernetes : Kubernetes Ingress with AWS ALB Ingress Controller in EKS

    Docker & Kubernetes : MongoDB / MongoExpress on Minikube

    Docker & Kubernetes : Setting up a private cluster on GCP Kubernetes

    Docker & Kubernetes : Kubernetes Namespaces (default, kube-public, kube-system) and switching namespaces (kubens)

    Docker & Kubernetes : StatefulSets on minikube

    Docker & Kubernetes : StatefulSets on minikube

    Docker & Kubernetes : RBAC

    Docker & Kubernetes Service Account, RBAC, and IAM

    Docker & Kubernetes - Kubernetes Service Account, RBAC, IAM with EKS ALB, Part 1

    Docker & Kubernetes : Helm Chart

    Docker & Kubernetes : My first Helm deploy

    Docker & Kubernetes : Readiness and Liveness Probes

    Docker & Kubernetes : Helm chart repository with Github pages

    Docker & Kubernetes : Deploying WordPress and MariaDB with Ingress to Minikube using Helm Chart

    Docker & Kubernetes : Deploying WordPress and MariaDB to AWS using Helm 2 Chart

    Docker & Kubernetes : Deploying WordPress and MariaDB to AWS using Helm 3 Chart

    Docker & Kubernetes : Helm Chart for Node/Express and MySQL with Ingress

    Docker & Kubernetes : Docker_Helm_Chart_Node_Expess_MySQL_Ingress.php

    Docker & Kubernetes: Deploy Prometheus and Grafana using Helm and Prometheus Operator - Monitoring Kubernetes node resources out of the box

    Docker & Kubernetes : Deploy Prometheus and Grafana using kube-prometheus-stack Helm Chart

    Docker & Kubernetes : Istio (service mesh) sidecar proxy on GCP Kubernetes

    Docker & Kubernetes : Istio on EKS

    Docker & Kubernetes : Istio on Minikube with AWS EC2 for Bookinfo Application

    Docker & Kubernetes : Deploying .NET Core app to Kubernetes Engine and configuring its traffic managed by Istio (Part I)

    Docker & Kubernetes : Deploying .NET Core app to Kubernetes Engine and configuring its traffic managed by Istio (Part II - Prometheus, Grafana, pin a service, split traffic, and inject faults)

    Docker & Kubernetes : Helm Package Manager with MySQL on GCP Kubernetes Engine

    Docker & Kubernetes : Deploying Memcached on Kubernetes Engine

    Docker & Kubernetes : EKS Control Plane (API server) Metrics with Prometheus

    Docker & Kubernetes : Spinnaker on EKS with Halyard

    Docker & Kubernetes : Continuous Delivery Pipelines with Spinnaker and Kubernetes Engine

    Docker & Kubernetes: Multi-node Local Kubernetes cluster - Kubeadm-dind(docker-in-docker)

    Docker & Kubernetes: Multi-node Local Kubernetes cluster - Kubeadm-kind(k8s-in-docker)

    Docker & Kubernetes : nodeSelector, nodeAffinity, taints/tolerations, pod affinity and anti-affinity - Assigning Pods to Nodes

    Docker & Kubernetes : Jenkins-X on EKS

    Docker & Kubernetes : ArgoCD App of Apps with Heml on Kubernetes

    Docker & Kubernetes : ArgoCD on Kubernetes cluster

    Docker & Kubernetes : GitOps with ArgoCD for Continuous Delivery to Kubernetes clusters (minikube) - guestbook