Booky is a website that allows web developers and designers to easily access hundreds of different creative resources (ready-made illustrations, vectors, icons, etc.) and use them into their projects.
To get started:
- download the code as a
.zipfile or clone this repository to your system - when inside of the newly created folder, simply double click on the
index.htmlfile
Alternatively, you can view the live version here (hosted by Netlify).
No external frameworks or libraries were harmed during the development of this website. The website was made by purely relying on the power of the CSS Grid and Flexbox layout systems, plus some simple Vanilla JavaScript to implement some basic interactivity (navigation links, display of images depending on which button was clicked, and so on).
I made all the illustrations present on the site. Obviously, I drew inspirations from existing models found on the web or, in some cases, realized after watching tutorials. However, I'm responsible for the final composition and arrangement. Same goes for the UI, the flat landscape and the icon set present in the "Grow your ideas" section, two of which are part of my Daily UI challenges commitment. Finally, I used Figma as my main illustration and design tool for this project.
This website is released under an MIT license.
- Add "fade-in" animations to certain elements on the page, namely the illustrations
- Create different pages, such as a 404 error page and a page for when the user clicks on the "subscribe" button
- Add backward compatibility support (@support queries) for old browsers