Sprint 3
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."
Backend
- As an Editor I want to access a saved draft
Frontend
- As an Editor I want to give feedback to a saved draft.
Taking advise given to the team by Professor Sigman, we looked into moving away from React Native. Since the Web Portal will mainly be used on a browser via a computer there is no reason for it to be compatible with Android and Apple Devices. Because of this we did some research and we found Next.JS, it looked like exactly what we needed. After some experimenting with Next.JS and the Quill editor, which is a Next.JS built in text editor. The team chose to fully convert from React Native for the Web Portal portion of this project.
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)
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.