angular-login

User Authentication (signup, login, logout) using angularJS, php and mysql

Demo Online

This is a simple and responsive user authentication webapp built with angularJS. It use Sass CSS which makes it easy to modify.

Requirements:

• Php
• Mysql
• Node.js
• Grunt
• Bower
• Ruby
• Composer
• Sass

Automation with Grunt

Grunt is a JavaScript task runner (Automation), save yourself from repetitive tasks. Install project dependencies with npm install.

npm install grunt --save-dev

How to run this app?

• Run Grunt with: grunt.
• Run Grunt with PHP: grunt php

You'll need to put the files on a server to run it. So you can upload the "dist" folder to your server to run it. Or you can build a server locally. Then how to build a server locally?

You can build a locally server using WAMP or MAMP (if you uses PHP). And here we'll build a local server with NodeJS

Preparation: You'll need to install Node.js (NPM comes along with it) and node-static (an NPM package)

How to distribution this app?

Run Grunt with: grunt build

How to test this app?

Run Grunt with: grunt test

Logs

karma_log.html

phpunit_tests.html

phpunit_tests.log

Javascript: using jasmine. Dir: test/spec

Php: using phpUnit. Dir: test. phpunit

How to Use It? (Sass Version, The Default)

In order to do development with it, you'll need have the following tools installed:

Node.js (NPM comes along with it) Yeoman (if you are using npm 1.2.10 or above, this will also automatically install Bower, Grunt) for modern workflow. Ruby, Sass and Compass for Sass CSS.

Introduction to the important files:

• ".bowerrc": is used for config Twitter Bower

• "bower.json": is the JSON file of Twitter Bower

• "Gruntfile.js": is the configure file of Grunt. It is used to configure or define tasks and load Grunt plugins.

• "package.json": is the JSON file of Grunt. This file is used by npm to store metadata for projects published as npm modules. You will list grunt and the Grunt plugins your project needs as devDependencies in this file.

• "test/phpnit/composer.json": is used for config phpUnit

• "test/karma.conf.js": is used for config karma for test javascript (tasks).