Skip to content

emuel-vassallo/library

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Library

A simple library app focused on minimalism and aesthetics with pastel and muted colors. Created as part of The Odin Project's curriculum.

Showcase

Dark Theme

dark theme screenshot

Light Theme

light theme screenshot

Built With

  • HTML
  • CSS
  • JavaScript

Features

  • Minimalistic UI
  • Pastel and muted colors
  • Dark/Light theme toggle switch
  • Empty library message
  • Button to add four books for demo purposes
  • Smooth animations and transitions
  • New book modal form

What I Learned

  • Appending a container with elements using JavaScript
  • Getting a random pastel color and assign it to each book instance
  • Removing an item from a grid when clicking a button
  • Using form data to create an element that includes it (book)
  • Using object constructors and creating instances with it

Credits and Inspiration