An assignment for testing skills in AngularJS.
- clone the project
- run
npm installandbower installto install dependencies - run
gulpto serve the project - run
json-server -p 4000 -w server/db.jsonto serve the web api
Implement a welcome feature based on this mockup. Sliced images can be found here. It would be nice to apply some CSS3 animations on the logo.
After the user sees the welcome view for the fist time, it should never appear again.
Create a calendar as shown in this mockup, using a jquery/javascript plugin. I would recommend you to use CLNDR.js, but if you prefer to use another plugin, feel free to do so. The plugin should be wrapped inside an angular directive.
The calendar displays the days which have associated events and the number of events for each day.
The list of events can be grabbed from http://localhost:4000/events after running json-server.
Tapping on a day, should display the events that are available for that specific day. There isn't any mockup for the list of events. It's up to you to decide on the design.
Finally, "Events" tab should be opened first when you enter inside tabs view. In other words it should be the home tab.
Add another tab named "Contacts".
If you are thinking that it should display a list of contacts, well, you guessed it right ;)
This list can be grabbed from http://localhost:4000/contacts after running json-server.
Tapping on a contact should make the app go to "Video Call", which will not be a tab anymore.
Add the possibility to mark the contact as favourite. This functionality should be accessible from both "Contacts" tab and "Video Call" tab.
The contacts endpoint mentioned above, is RESTful. Use it for saving changes that are made to contacts.
Well guys, there is an evil little bug here and we don't want it, right? So this let's teach to this guy that there is no room for him in our project.
Good luck!