ShareLibrary - an online library system platform
UI Designer and Frontend Developer
Actually, this is a final project of Web Design and Development Course at my campus, but me and my friend tend to do it seriously as our exercise to the next bigger project if we willing to take.
First, we read the the web requirement and then, we make a user flow as:
Landing Page > Login > Library Page > Book Detail > Borrow > My Books
Landing Page > Login > Admin Page > Add Book > New Book Detail
Then, we translate the requirement as for the landing page, where the visitor could easily see books per card with title, author and a detail button where they can see further details of the books.
Then, we make distinctive headers on every page, so the users won't be confused at where they're now
For every books, they have a book page detail where user and visitor get the information about the author, publisher, description, and review of the selected book. Also, they can borrow the book by clicking the "Borrow" button and submit a review after they read it.
Coded with Bootstrap Framework and used Maitree Font from Google Fonts.
You can easily clone the project from here :
Ilyas Fahreza - UI Designer and Frontend Developer
Gibran M F Wisesa - Backend Developer