- install node.js
- install git
- open command prompt to desired folder
- Download repo by running: git clone https://github.com/andythecoderman/contact-list-manager.git
- run: npm install
- run: node bin/www
- Navigate your browser to http://localhost:3000
##Rrequirements
Build an angular application that acts as a contact list manager for a fictitious club. The attached json file has 100 fictitious members that can be used as your data.
The application should have the following features:
-
Browse the list of members in a paginated table with a user selectable 10, 20, or 50 items per page.
-
Filter the list by state
-
Search for member. The search box should filter the members when the first name or last name contains the entered text.
-
Selecting a member will display all the user details.
Your application should be styled as a polished end-user application and should have a responsive UI that supports phone portrait and desktop screen widths.
Please use native JavaScript, CSS, and HTML. CoffeeScript, TypeScript, SASS, LESS, etc., should not be used for this assignment.
As part of this effort, we request that you use the following style guide:
Labels:
· Font Family: Oswald (from google fonts)
· Font Size: 12px
· Font Weight: bold
· Color: you choose
All other text and form controls:
· Font Family: Oswald (from google fonts)
· Font Size: 12px
· Color: you choose
Buttons:
· Font Family: Oswald (from google fonts)
· Font Size: 12px
· Font Color: White text
· Font Weight: Bold
· Background Color: you choose
· Case: Uppercase
· Margin: 12, 12, 12,12
· Style: 5px corner radius
Hover state: Darken 25%
Click state: Darken 25% and dim text 60% opacity.