You will need the following things properly installed on your computer.
Install Dependencies npm install
node api/server.jsThe api server runs by default on port 8080. It provides a data url at
/api/people.
git checkout -b [my-address-book|your-name]a fresh branch from these files.- Create a simple address book web application and use the given static
HTML mockup (
mockup/index.html) as a starting point or as inspiration. - Your client application should fetch people data from the api source.
- It should render the names of all people from the people data in the left panel in alphabetical order.
- When a person's name is clicked in the left panel, render the full profile in the right panel.
- Update the
README.mdwith any instructions for running the web application. - When you are done, send a zip archive over email with your changes.
- Add image URLs to the people data and render these photos in the profile
- Make it possible to change sort order of people shown in directory panel
- Expand on the flexibility of the people data and how its rendered to the user (be creative!)
- Feel free to add any libraries to the client or server apps that you'd like to utilize.
- Feel free to modify
data/people.jsonwith any changes that you see fit. - Feel free to add additional routes to the express app by modifying
api/app.js - Lots of freedom here, though be able to reason out why a library is useful. One question might be: What if you could not use said library, how could that be handled?
- Your address book does not need to use the exact same CSS or HTML as provided by the mockup.