Brown Banana: High-fidelity prototype (DP4)

You can access the prototype on our Github Pages!

Frameworks and external packages used

In this project we used the following frameworks:

• React
• Ant Design

We have used Firebase for our database and file storage, for image uploads to our prototype.

We are also making use of Github Pages to host our prototype.

Code structure

The main entrypoint of our project is through index.js, which directly renders our HomeScreen.

Our project is mainly divided into three distinct parts, grouped by the directories.

• layouts/ contain the page-level html that should be rendered as a whole.
• components/ contain the reusable components that can be used by the pages in layouts/.
• css/ contain all the stylesheets, which are separated by layout view and components, for ease of import.

There are additional helper files/directories, such as:

• Firebase.js: helpers for using the Firebase DB.
• models/: helpers for unmarshalling the DB records.