Demo.
- Build 2 widgets
- Should work in all major standard browsers and devices
- One widget should include some sort user interaction with JS (click handler, hides/shows things)
- JavaScript, CSS, and HTML is best.
- Comment your code cleanly and concisely, following standard conventions.
- Consider using a Google font for styling purposes.
- Create appealing interactions and styling for those widgets (hover effects, animations, transitions, etc.).
- Consider the responsive needs of your users.
- Provide the content for your widgets from an external JSON file.
angularjs, nodejs, expressjs, socket.io, CSS, lodash, momentjs, angular-material, angular-animate, google chart apis, jquery, bootstrap, ng-file-upload, angular-socialshare, angular-notification bar, multer, file-type, filechunk, async.
####### Capabilities
- Basically two different chart are added.
- First one is line graph shows the values of stock(updating itself per 2 seconds).
- Used web socket to update the graph. (but I could not find free live json for values. So, It has been creating randomly.)
- Comparing consecutive values in graph. When there is an increase or decrease, graph ui is changing.
- Second one is column graph shows the values of stock(same purpose with first one.)
- Also secondly change rate can be seen on right bottom.
- User can upload files or share them on twitter.
- 2 charts are included: donut graph and column graph.
- First tab shows file type size in the storage(audio, photo and video).
- Second tab shows the file counts in the storage.
- After files dynamically added, ui is updating.
- Error check control are defined.
- File upload progress can be seen during uploading(then disappearing).
- Used REST(express) api to communicate with back-end.
- Size and counts are calculated correctly per upload.
- Responsive design
- Dynamic ui
- Error checks
- User friendly.
- Maintainable.
- Commented code design.
####### Screenshots