Skip to content

Latest commit

 

History

History
41 lines (32 loc) · 2.53 KB

README.md

File metadata and controls

41 lines (32 loc) · 2.53 KB

Library

library_screenshot

About

This is a virtual library app where users can input the author, title, and number of pages of their favorite books. They can change the status of each book, to whether they've already read it or not. Users can also delete books so they have space for new ones. Everything is stored inside an array and the program will update it based on users' actions.

CLICK HERE TO VIEW THE PROJECT

Technology Used

  • HTML20.6%
  • CSS51.5%
  • JavaScript27.9%

What I Did

This project was my first foray into working with Javascript's objects. Before this, I had spent a few weeks going through their theories/concepts. Although I understood them then, it wasn't until I finished this Library app that my brain fully processed the information. I guess there is no better way to learn than to practice.

I also revisited the mobile-first web responsive design for this project. The approach started to grow on me. Really.

Furthermore, I got a chance to practice on my HTML form. I found that it's tricky to style form since you have to rely on pseudo elements most of the time to make it look nice.

Installation & Set Up

  1. You have to fork this repo first. Github has a their own step-by-step guide with pictures to follow along.
  • Note: You have the option of changing the name of your forked repo.
  1. And to have all the files locally on your computer, open Terminal -> change the current directory to the directory you want to put this forked repo. Then, enter the command line below:
git clone https://github.com/[your-username]/library.git
  • Note: If you change the name of your forked repo, replace 'library.git' with '[your-forked-repo-name].git'. Github will automatically do this for you when you copy the link.
  1. Finally, change to your new forked repo directory.
cd library

or

cd [your-forked-repo-name]

Support

Please feel free to reach out if you need any help with this repo. 👉🏼 therealthinhphan@gmail.com

Have a good one! 👍🏼