/ContactsManager

Simple CRUD application for Contacts

Primary LanguageJavaScript

ContactsManager

Application Description:
This is a simple CRUD Application that allows users to add, edit, delete and list/view contacts.

Warning:
Please note that the rich text editor on the edit page loads slowly in CHROME if the content size is too large (if you've added pictures or videos). If you are using this application in chrome and want to put images and videos in the rich text editor (description) feild, it is best if the files be kept under or around 10MB in size. This is a known issue with chrome and I couldn't really find a way around it. For optimum performance run the application in Firefox.

Technologies:
This project contains reference to various libraries, languages and web development techniques including but not limited to:

  • JQuery, JQuery UI and JQuery Validate
  • Bootstrap
  • Bootbox
  • TinyMCE
  • Ajax
  • DataTables
  • Font Awesome
  • C#.NET MVC
  • Razor
  • Linq
  • SQL Express (Database using Stored Proceedures)
  • HTML5 / CSS3
  • JavaScript

Database:
To run this application you will need to create a database using the scripts located in the "Database" folder in the root file.

Internationalization Testing:
This application can be viewed in Canadian-French or English. To view the application in french go to your browser settings and change the browser language preferance to french. In Chrome you will also have to move the language to the top of the language list.

Demonstration
Demo Add Contact and Rich Text Editor Field
Demo Add and Rich Text Editor Demo Edit Contact and Delete
Demo Edit and Delete Demo Edit, Sort, and Search Contacts
Demo Edit, Sort, and Search Demo Application Language/Region Handling
Demo Language/Region Handling Demo List Pagenation
Demo Pagenation Mobile View of Application
Mobile View