Project Document

Project overview:
It is a company registration site, where you register your company and login. You can see the other
company details. There are some page like SignIn, Sign Up, and Other companies.

Technical Specification
UI HTML5, CSS, javaScript, jQuery , AJAX

Backend PHP

Database MySQL

Plugins Used Datatable

Services:
Update/Delete Service/POST

Display Data Service/Post

Login/Signup Action/Login
Action/signup

Workflow Diagram:
Screenshots

1. Signup
 2.login

3.Update
4.Delete

5.Other Company
Code snippet

1. Login
2. <div class="container">
3.         <div class="form" id="form">
4.             <h1>LogIn</h1>
5.             <form id="form">
6.                 <div class="name" id="name">
7.
8.                     <label for="name">Company Website:</label>
9.                     <div>
10.                        <input type="text" name="name" id="csite"
placeholder="Enter your company wesite" />
11.                    </div>
12.                </div>
13.                <div class="password">
14.                    <label for="password">Password</label>
15.                    <div class="pass1">
16.                        <input type="password" name="password" id="pass"
/>
17.                    </div>
18.                </div>
19.                <div class="submit">
20.                    <input type="submit" name="submit" value="Submit"
id="login" />
21.                </div>
22.            </form>
23.        </div>

2. Sign up
3. <script>
4.         $(document).ready(function(){
5.             $("#signup1").on("click",function(e){
6.       e.preventDefault();
7.       var cname = $("#cname").val();
8.       var cpass = $("#cpass").val();
9.       var csite = $("#csite").val();
10.      var cphone = $("#cphone").val();
11.      var cadd = $("#cadd").val();
12.      var ccity = $("#ccity").val();
13.      var cstate = $("#cstate").val();
14.      var ccountry = $("#ccountry").val();
15.      var industry = $("#industry").val();
16.        $.ajax({
17.          url: "register.php",
18.          type : "POST",
19.          data : {cname:cname, cpass: cpass, csite: csite, cphone: cphone,
cadd: cadd, ccity: ccity, cstate: cstate, ccountry: ccountry, industry:
industry},
20.          success : function(data){
21.            if(data == 1){
22.              $("#form").trigger("reset");
23.            }else{
24.              $("#error-message").html("Can't Save Record.").slideDown();
25.              $("#success-message").slideUp();
26.            }
27.
28.          }
29.        });
30.     
31.
32.    });
33.        });
34.    </script>