Skip to content

Sprint 3

itsthomthomob edited this page Oct 20, 2022 · 25 revisions

Sprint 3 Description

Sprint 3 was split into two primary stories. For the back-end, the user story was "As an Editor I want to access a saved draft" and for the front-end, it was "As an Editor I want to give feedback to a saved draft."

Table of Contents

Requirements

User Story

Backend

  • As an Editor I want to access a saved draft

Frontend

  • As an Editor I want to give feedback to a saved draft.

Switching the Web Portal from React Native to Next.JS

API Flow Chart

UI Design Iterations

Web Design

Animated gif of the Web Portal's user interface

The animated gif above details the UI design for these screens/pages:

  • Article List
  • Article Writing (Writer's View)
  • Article Writing (Copyeditor's View)
  • Article Writing (Admin's View)

Mobile Design

The mobile design of the Drury Mirror app had several iterations.

First Design

First Mobile Design

  • The first mobile design had a layout inspired by New York Time's design. The design drew inspiration from several different UI designs of news apps on Dribbble.com.

Second Design

Second Design

  • The second mobile design followed a container-like layout, including the featured image which was forgotten on the first design. This design drew inspiration primarily from BBC's mobile app.

Third Design

Third Mobile Design

  • The third and close-to-final mobile design of the Drury Mirror App moved the navigation menu from the top to the bottom for a better user experience, since it's closer to their thumbs. The words were replaced with recognizable icons.
Clone this wiki locally