About

Liber stands for "book" in Latin and libertad in Spanish means "freedom". So the name stands for the freedom of books as I believe education should be free.

This website is for the Troy Web Development technical assessment. Due to the time limit, I was unable to make it mobile responsive, in the future I will keep in mind to design mobile first. That being said I was able to accomplish all the features that were required and add the bonus requirements. On top of that, I also came up with a interesting way of developing this application, however, it wouldn't have satisfied a lot of the features that were required, so instead, I had to scratch it and work on this simpler interface. I will attach a small demo of what it looked like as I think it was interesting.

User Flow

This is the userflow created with Figma, representing the user's journey throughout the application.

Design System

Here's the design system to follow throughout the application, I ended up changing the way tags look as it had poor readability.

Wireframes

Here are the wireframes for the application. I Ended up ditching the mobile implementation as for time constraints.

Final Design

Potential Application (Failed implementation)

This is the original idea I tried implementing. It uses this new web design element that makes it very interactive. The idea was to have all the titles to the right as a list, and as you scrolled down it would go down the titles and show the book to the right. Due to the lack of features and not sure how to implement them I decided to go the simpler route, but this idea is archieved and I will be working on it as a personal project.

Branching Strategy

For branching strategy I went with the standard master, development and feature branches. Only commiting to master after a completing a feature(pages).