Blood of Eden Library is a web app aiming to entertain and inspire fan fiction enthusiasts. The theme of stories is limited to the characters and events based in the world of Tamsyn Muir's award-winning book series The Locked Tomb. Blood of Eden Library can be used by casual readers who just want to access the stories, or avid fans who want to create a profile and engage in conversation in the comments or rate the stories.
Our web app will let users read and rate fan stories which will affect the fans of The Locked Tomb book series by being able to feel like a part of the community and participate in the fandom. We will measure effectiveness by the user feedback, activity levels and return rates.
Fans of The Locked Tomb books:
The principles and needs that were considered.
How might we:
The aim with the design choices was to slightly evoke the nostalgia feeling of the "old web" fan forums - choosing simple rectangular shapes and buttons, mono typeface and a colour scheme that both meets standards of accessibility and calls to mind that MySpace era. A design moodboard was compiled by me using Mural. In addition to this, the imagery used is both relevant to the macabre visuals of the book series and fits the theme of stories and libraries.
I identified 16 user user stories and used the MoSCoW method to prioritise the backlog (as illustrated), ending up with 11 user stories for the MVP. The project progress was planned and tracked using Agile, as documented here in GitHub Project
The wireframes were created in Balsamiq following the ideation and mapping out the user stories. Mobile first approach was utilised, and layouts for each page were considered.
Mobile low fidelity wireframes
Desktop low fidelity wireframes
Story detail page high fidelity
The database structure is based on Code Institute's walkthrough project Codestar Blog. Below is an overview of the customisation I implemented and the relational diagram created with Lucidchart.
A list of each published story, newest to oldest. The stories are limited to 6 per page and display the story title, author, summary, tags and date.
A detailed view of the story, showing the full text and the featured image.
Below each post, all approved relevant comments and ratings are displayed.
Below the existing comments, users can use a form to leave their comment and rating.
A page with information about the theme and aim of the website.
For the full list of implemented features, please refer to the project board
Manual testing was used to check through each acceptance criteria of the implemented User Stories, and to test the responsiveness of each web app template (using Chrome Devtools). Each of these passed after a round of bug fixing.
HTML Necessary errors resolved, however there are some error messages remaining due to the content created using Django Summernote editor in the admin panel and AllAuth generating the Registration form.
CSS No issues found
JavaScript All issues and warnings cleared
Python All custom Python files were tested using CI Python Linter. All errors cleared, except for a handful of errors "Line too long", due to code generated by Django.
Colour contrast All text and visual input on the site meets WCAG AA standards.
https://blood-of-eden-d0985035c7c3.herokuapp.com/