Library app

The project is to create a virtual library to keep track of the books you read only using HTML, CSS and Vanilla JS.

🔗 Live preview: here

Built with

Technologies

• HTML
• CSS
• JS

Tools

• Visual Studio Code
• Linux terminal (windows WSL)
• Git and GitHub
• ESLint
• HTML/Sass Boilerplate (npm)
• Bulma CSS
• Sass preprocessor

Features

• List book in grid
• Form to add your books to the list
• Delete books, toggle the read status
• Responsive

Outcome

• Use JS constructor to build books.
• Use Bulma CSS framework to speed up design
• Used HTML5 semantic elements for better readability and structure.
• Used CSS3 grid and flex to create layout.
• Used Git and GitHub for project management.
• Tried to maintain clean code.
• Cross tested on Firefox and Chrome browsers.

What I learned

• Better knowledge of Javascript OOP.
• Use of Bulma CSS
• Improved code structure and code readability.
• Improved clean code writing.

Author

👤 Edouard Desgrée

• GitHub: edesgree

Created while working on the The Odin Project