Flixer is a movies app using the The Movie Database API.
Time spent: 6 hour spent in total
The following required functionality is complete:
- User can view a list of movies currently playing in theaters from The Movie Database.
- Poster images are loaded using the UIImageView category in the AFNetworking library.
- User sees a loading state while waiting for the movies API.
- User can pull to refresh the movie list.
The following optional features are implemented:
- User sees an error message when there's a networking error.
- Movies are displayed using a CollectionView instead of a TableView.
- User can search for a movie. (non-case sensitive)
- All images fade in as they are loading.
- Customize the UI.
The following additional features are implemented:
- List anything else that you can get done to improve the app functionality!
- Dismiss keyboard on tap or table view swipe.
- Hide search bar by default, keyboard search tap and view tap while search bar is empty.
- Attempt to load data on app start for convenience.
Here's a walkthrough of implemented user stories:
GIF created with LiceCap.
Describe any challenges encountered while building the app.
The coding was not difficult, but debugging a forgotten ":" took 15-20 mins to figure out for the refresh control portion. Customizing the UI took a lot of experimenting. The property to dismiss the keyboard on table swipe took a while to find. Hiding search bar took most of the time (2 hours maybe) as I was trying to do it with UITableView's scrollToRowAtIndex instead of using the setContentOffset.
Copyright 2016 Deep Patel (DGh0st)
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
Flixer is a movies app displaying box office and top rental DVDs using The Movie Database API.
Time spent: 5 hours spent in total
The following required functionality is completed:
- User can view movie details by tapping on a cell.
- User can select from a tab bar for either Now Playing or Top Rated movies.
- Customize the selection effect of the cell.
The following optional features are implemented:
- For the large poster, load the low resolution image first and then switch to the high resolution image when complete.
- Customize the navigation bar.
The following additional features are implemented:
- List anything else that you can get done to improve the app functionality!
- Poster image is always displayed in the back for appearance improvement
- Deselect the item when going back to list of movies from the movie details
Please list two areas of the assignment you'd like to discuss further with your peers during the next class (examples include better ways to implement something, how to extend your app in certain ways, etc):
- Better ways of implementing tab bar so that there is more control of the appearance programmatically
- Make it so that search not only searches movies in the current list but also searches the whole database (which I think is included in api)
Here's a walkthrough of implemented user stories:
GIF created with LiceCap.
Describe any challenges encountered while building the app.
Copyright 2016 Deep Patel (DGh0st)
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent