This is education project built with ES6 syntax, that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.
You have done a great job in using ES6 modules however you can make a few changes to improve UI for the users of this app. Here are a few issues you can fix to make it look better. All of these changes are optional.
Use less margin and padding on navigation bar so that it matches the font, Right now margin and padding is not accurate.
Use less margin and padding on footer so that it matches the font, Right now margin and padding is not accurate.
When we click on Add new or contact section it drags the page a bit down and the navigation bar is hidden, it's visible when you scroll up, You can use navigation bar position as fixed.
The add book button should use First letter as capital for better accessibility.
I think you should use borders in the list section, and the text should be bold to make it easier for people to see it.
OPTIONAL CHANGES ♻️
Great job with the code, all features where well implemented, although i do have some OPTIONAL suggestion, that you can add to your code 👍
you can add a feature to return to the list book page after adding a book here https://github.com/bernabasy/AwesomeBooks_with_ES6/blob/ce1f2d95a252b189a9d806924460799eed409048/modules/UI.js#L46-L50