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

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

  • 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

  • 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

  • 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