A dashboard view for the fictional Quidax Book Club web application, exactly as detailed in the UI mockups provided using HTML, CSS, vanilla Javascript. App is live on https://fegoworks.github.io/book-club
- Vanilla Js
- HTML
- CSS
- Users can
- view books in a carousel
- view recent and all books in a responsive grid
To run this APP locally simply follow the instructions below:
You need to have or install the following:
- Internet connection (because the book covers, icons and fonts have their source links hosted)
- Chrome/Firefox/Safari Browser
-
clone repo
git clone https://github.com/fegoworks/book-club.git -
navigate to app folder
-
start app
Open index.html file in a browser of your choice -
you can now go through the application's dashboard
- Given the time constraint, I am yet to fully implement some of the features listed below:
- The responsive search bar, only meant to be available on mobile screens
- The sidebar on mobile screen is not as responsive yet, I hope to have that working soonest. For now, the hamburger menu when clicked simply pulls the sidebar out, the transition effect is missing at the time of writing this and I am also yet to add a close button. Again it's time kicking my ass😟
- The seachbar's auto complete feature - this is still in the works and will be ready if delivery time is extended
- Also, there were icons in the figma mockup that I couldn't find, the book logo for instance, so I had to improvise
Edafe Oghenefego @realFego