Mike Axtman Front-end interview Test

[mdaxtman]

I decided to build this app with angular and use an express server as a back-end. In order to run this app you must do the following:

1. install Node.js
2. in shell, type
   "npm install"
3. Navigate to the "server" directory and type shell command:
   "nodemon server.js"
4. navigate to the page in the browser address bar:
   ''localhost:4000"

I have met all of the Requirements of the challenge as enumerated below:

1. I've finished the UI and modeled the framework with Angular. I've created an express server to dynamically read and write to/from the json files as needed. The page displays as identically to the mock-up as I could manage, with extra styling added here and there.
2. I've rendered the JSON objects stored in the data directory
3. Search button gradient inverts on hover and disappears/darkens on click.
4. white shadow appears on search box focus
5. Modal window appears when user clicks "post an update" button.
6. Modal window has a text area
7. User can submit text from the modal window to the post list.
8. Modal window is removed when this is done.

Extra Credit

1. User can add comments to all posts, even his own.
2. User data is saved to local storage if server is down and only if server is down. Cached data is sent to the server to be saved when server re-initializes on page load. If that data is successfully merged with the server, local storage is cleared to maintain a single source of truth.

I spent approx 15 total working hours on this project off and on. I felt it was necessary to do some things correctly, like modularizing js files, building a basic server, creating state/routing with ui router. I didn't want to invest much more time, so I decided not to add a nested state for when the user clicks to open the modal window, which I feel would have made a more RESTful app. I also would have concated and minified the css and js files and ran shell commands with a build tool but that would have been more work that was outside the scope of the test.

Thank You,
Mike Axtman