Giter Site home page Giter Site logo

phonebook's Introduction

phonebook

Phonebook CodeIgniter Bootsrap Application

A web application where a user can manage an address book

Requirements A user must be able to see a list of their contacts A user must be able to search their contacts A user must be able to create a new contact A user must be able to update an existing contact A user must be able to delete a contact A contact consists of a first name and a last name A contact can have unlimited contact numbers and email addresses Technologies Use any database/datastore (Mysql 5.7 Relational Database Store) Use any backend technology/framework that is appropriate for the position you are applying for (CodeIgniter 3 MVC) Use any UI technology/framework that is appropriate for the position you are applying for (Javascript, Jquery, HTML and CSS) Assumptions Login/logout is not required

PreRequisites: PHP 5.6 and mysql 5.1 are codeigniter 3 server requirements(https://codeigniter.com/user_guide/general/requirements.html) and above but I would say mysql 5.6 and above.

Installation: Run the database.sql file found in the root directory inside your mysql. this will create a database called phonebook which will be used in the application. If you already have a database by that name already, then you can changed the database name inside the script, and also changed the corresponding reference in codeginiter config/database.php to whatever new database name you would like to use. To run the application you would go to the folder name of wherever you setup your project on your web server, mine was in root directory/codeigniter/phonebook folder so I accessed it http://localhost/codeigniter/phonebook/

Sample Use Cases These are just some sample use cases to walk you through the application 1 View Current List of Contacts that I created.

List of Contacts

2 Add New Contact. The contact named is Sia Kolisi and has a work number and personal email address.

Add New Contact

3 Check the landing page to see that it has been added successfully.

New Contact Displaying

4 Edit our newly created contact, and more phone numbers and emails.

Edit New Contact

5 Takes us back to the home page where we can see that the numbers and emails have been added successfully to the contact.

Edit New Contact

5.1 Delete a contact number from our contact in question, Sia, by clicking onthe delete link on the recently added mobile number.

DeleteContactNumber-Sia

5.2 We see that number get removed from the view immediately.

ContactNumberRemovedFromPage-Sia

5.3 After pressing submit, we see that we are taking to the home page and can see that the contact, Sia, only has one number now.

ContactNumberRemovedPermanently-Sia

6 Delete contact on row 4, called New Person with Phone 1234, we get a pop up message, and just click OK to confirm.

DeleteContactPerson

7 We take back to index page and we now see that row for is occupied by contact Sia, and that our New Person contact on row 4 is now gone.

ContactDeleted-Person

8 We now test our search filter, and we search for contact Sia, and then press ADD to search.

SearchForContact

9 We get a filtered view of contact Sia.

ContactsSearchedForSia

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.