# Navi Games ## Table of Contents 1. [Overview](#Overview) 1. [Product Spec](#Product-Spec) 1. [Wireframes](#Wireframes) 2. [Schema](#Schema) ## Overview ### Description An app that allows users to search through their favorite games to write and read reviews from other users. ### App Evaluation [Evaluation of your app across the following attributes] - **Category:** Games, Social Networking - **Mobile:** Mobile app environment uses camera and has a real-time updated experience. - **Story:** Allows users to share their experiences with games, and view opinions on games they plan to buy. - **Market:** People who like games could enjoy this app. Allows people to search for specific game. Also, allows for discourse and conversations around games. - **Habit:** Users can view and post reviews on an ever increasing list of games. Each of which having multiple reviews and each of those reviews having comment chains. This encourages the user to keep coming back daily. It is habit forming. - **Scope:** A very feasible app that has a narrow focus. It's just posting reviews/comments and viewing those posts. Even the basic version of this app would still be interesting to build and use. The app, Navi, is a very clearcut, defined product idea. ## Product Spec ### 1. User Stories (Required and Optional) **Required Must-have Stories** * User can log-in/register * User can search through games * User can see ratings * User can write/see a review * User can rate game on 1-5 in the review * User can see a feed of game posters * User can see detailed game information * User can see reviews and comments after clicking on game poster * User can comment on a review **Optional Nice-to-have Stories** * User can rank specific gaming categories for a review (EX: Grafics: 5/5, Story: 2/5) * User can upvote/downvote reviews * User can view their Profile Page * User can favorite games to view in Favorite Game Section * User can switch between light/dark mode * User can add a profile image * If user profile pages show their own comments, also include a settings navigation screen ### 2. Screen Archetypes #### Required Screens * Login Screen * User can log-in/register * Home Screen (Shows Games Feed) * User can see a feed of game posters * User can search through games * Game Detail Screen * User can see detailed game information * User can see ratings * User can see/write a review * User can rate game on 1-5 in the review * User can see reviews and comments after clicking on game poster * User can comment on a review #### Optional Screens *All From Required* * Profile Screen * User can add/see a profile image * User can see recent reviews * User can see list of favorite games * Game Detail Screen * User can upvote/downvote reviews * User can mark a game as favorite * Favorite Screen * User can see a feed of game cover art they marked as favorite * User can tap on a cover to take them to the game detail screen * Settings Screen * User can switch between light/dark mode * User can change username * User can change password * User can change profile picture ### 3. Navigation **Tab Navigation** (Tab to Screen) * No required tabs **Flow Navigation** (Screen to Screen) * Navigation Button allows user to return to previous screen * Login Screen * Login Button => Home Screen * Register Button => Home Screen * Home Screen * Game Cover Art (Tapable Cell) => Game Detail Screen * Infinite Scroll * [Optional] Profile Button => Profile Screen * Game Detail Screen * (End of the Flow) ## Wireframes ### [BONUS] Digital Wireframes & Mockups ![](https://i.imgur.com/DeXdj6Y.png) ### [BONUS] Interactive Prototype ## Schema [This section will be completed in Unit 9] ### Models [Add table of models] ### Networking - [Add list of network requests by screen ] - [Create basic snippets for each Parse network request] - [OPTIONAL: List endpoints if using existing API such as Yelp]