Skip to content

Latest commit

 

History

History
68 lines (50 loc) · 3.68 KB

spec.md

File metadata and controls

68 lines (50 loc) · 3.68 KB
Raw

Requirements

Common

Your project must:

  • Be pushed to Github
  • Use descriptive Git commits
  • Use small, single purpose Git commits
  • Contain README.md with project summary and setup
  • Contain a valid package.json file with all appropriate fields completed
  • Contain .gitignore file (ignoring node_modules and system files)
  • Contain this self-evaluated spec checklist renamed specs.md
  • Use ESLint with the AirBnB style-guide

Functional

Your project must:

  • Contain About, Faves, Lightbox, Random, Recent, and User scenes
  • Display a feed of the five latest photos posted to Unsplash in a Recent Scene
  • Display photos in a Lightbox scene when tapped
  • Allow users to favourite and un-favourite photos from the Lightbox scene, and save references to those photos in a mobile database
  • Allow users to save an image to their camera roll from the Lightbox scene
  • Display data about a photographer inside a User scene when an Unsplash username is tapped
  • Display previously favourited photos in a Faves scene in a grid format, and in reverse chronological order (i.e. most recently saved first)
  • Include a Random scene that displays a random photo
  • Include an About scene with static image assets (optimized up to @3x) and static text that opens URLs in a web browser
  • Display a loading indicator when data is being fetched

Development

Your project must:

  • Contain components built using valid JSX
  • Use ES2015 import and export
  • Contain components created using React.Component, const, or function only
  • Implement "presentational" and "container" components appropriately throughout the application
  • Make appropriate use of React Native's UI components (including <View>, <Text>, <Image>, <ListView>, <TouchableHighlight>, etc.)
  • Implement styles on a per-component basis using Stylesheet.Create
  • Leverage code-reuse strategies across iOS and Android platforms as much as possible
  • Use ExNavigation to implement a navigator (iOS/Android), tab bar (iOS only), and drawer (Android only) for scene navigation
  • Use React Native Vector Icons for icon assets throughout the app (specifically, the Octicon library)
  • Use Realm React Native as an embedded database

Stretch Goals

Want to challenge yourself? Your project could also:

Improve code efficiency and quality:

  • Include Redux for state management in the app
  • Use Flow for static typechecking in the app

Enhance UX:

  • Cache requests made to the Unsplash API (to improve performance and reduce the likelihood of hitting the Unsplash API rate limit)
  • Use React Native's Animated and PanResponder to build out custom animation that allows a user to swipe left to load a new random photo in the Random scene
  • Add the ability to dynamically append additional results wherever the Unsplash API permits pagination (consider exploring an enhanced, third-party listview component for this)

Include Search and Collections scenes:

  • Allow users to search for photos using a text-based keyword
  • Display fetched search results in a grid format
  • Display a list of recent collections in the Search scene by default (under the search bar)
  • Display a feed of the five most popular collection photos in a Collection scene when a collection cover image is tapped from the Search scene

Submission Instructions