Online Shopping Mega Menu using AngularJS, PHP, MySQL

We find E-Commerce mega menu in almost all online shopping websites where they display the all their available category of products. We will design the database and use AngularJS to easily present the menu to the user with some interactions.

Today we are going to create a similar megamenu using

  • HTML with Bootstrap 3* (For easy styling and user interactivity)
  • AngularJS (Model View Whatever Javascript framework to write the application logic)
    MySQL (Database)
  • PHP (Our server side programming language for providing data from MySQL database to AngularJS Application)
  • PHPSlim (A PHP framework to easily create ReSTFul web services) [Optional]

Mega Menu using AngularJS

  Live Demo   Download


Product – Inventory management using AngularJS, MySQL and PHP RESTful API

Last tutorial we created a database helper class for PHP RESTful API. In this tutorial we will use that database helper class to build a simple inventory/product manager application. We will add, update, delete, activate, deactivate products from inventory. Some AngularJS directives will make our job easy.


  • Truely single page web application
  • Showcase the awesome power of angularjs directives
  • Animations make the user interaction much enjoyable
  • Has extensive power to build a large inventory management application over this framework

Product Manager using AngularJS

  Live Demo   Download


Useful database helper class to generate CRUD statements using PHP and MySQL


For my AngularJS applications I use PHP as my server side language which mainly interacts with the MySQL or Oracle database. I need to created a database helper class using PHP to collect all recurring database operations into a single class, so that we can easily use it whenever we need to select, insert, update or delete record from database.

This database helper class generate the CRUD statements dynamically and always output the response in a standard format. Hence reducing the recurring tasks load on programmer. This also makes bug tracking task easy as everything stores in a central location.



User authentication using AngularJS, PHP, MySQL


I received a number of tutorial requests to publish a tutorial on user authentication. They say “Mixing PHP, MySQL, and AngularJS with Sessions and User Login, Logout, Account Creation” would be awesome”.

We will create a simple AngularJS web app that will have the following 3 functionality.

 Login, Signup and Logout.

We will create a ReSTful web service using PHPSlim framework as data provider. The data from the ReSTful service will be used to enable user authentication in our AngularJS application.


  Live Demo   Download


Demo of a simple CRUD RESTful php service used with AngularJS and MySQL

REST represents Representational State Transfer. For web applications REST API is a good architectural choice for the communication between the app and the server. This makes sharing data between different devices and apps easy. Implementing REST is simpler compared to other methods like SOAP, CORBA, WSDL. In this tutorial we will create a RESTful web service using PHP. Also we will create a Customer Manager Application using AngularJS as front end which will consume this web service.


  Live Demo   Download


AngularJS datagrid paging, sorting, filter using PHP and MySQL

This tutorial explains how to create a datagrid similar to ASP.NET gridview with client side paging, searching and sorting functionality using AngularJS, PHP, MySQL. Following are links to the demo and download of the final application.


  Live Demo   Download


Voting system similar to stackoverflow using AngularJS PHP and MySQL

We will try to create a simple voting system app similar to using AngularJS, PHP and MySQL. I will put the code to download as well as a demonstration of the end product as we approach the finishing point of the AngularJS Web App. This app will accept vote from users and store it into MySQL database using PHP.

Voting system using angularjs php mysql

  Live Demo   Download


A simple AngularJS web app that converts text to url format

We are going to create a very simple yet powerful web app using AngularJS from Google. Our app will take any input and will convert it into URL format instantly. We will be creating a filter named “clean” . We can use this filter anywhere in our application like following piece of code



<input type="text" ng-model="inputString"/>
<p>{{inputString | clean}}</p>



How to create a facebook style autocomplete using AngularJS

This tutorial explains how to show autocomplete results for a textbox input using AngularJS, PHP and MySQL with the help of Angular UI directive.

facebook type autocomplete using php mysql angularjs


Simple task manager application using AngularJS PHP MySQL

This tutorial explains how to create a simple Task Manager application using AngularJS. Here I used PHP for server side communication and MySQL for database.

Task Manager using AngularJS php mysql