In this project, we build a basic website that allows users to add/remove books from a list. we achieve that by using JavaScript objects and arrays. You will also need to dynamically modify the DOM and add basic events.
Learning objectives:
-
Use semantic HTML tags.
-
Apply best practices in HTML code.
-
Use CSS box model.
-
Use CSS selectors correctly.
-
Demonstrate ability to create UIs adaptable to different screen - sizes using media queries.
-
Use GitHub Pages to deploy web pages.
-
Apply JavaScript best practices and language style guides in code.
-
Use JavaScript to manipulate DOM elements.
-
Use JavaScript events.
-
Use objects to store and access data.
-
Communicate technical concepts to other technical people.
-
Build awesome book .
-
HTML
-
CSS
-
JS
To get a local copy up and running follow these simple example steps.
- Download the
Zip
or(git clone)[https://github.com/ger619/books-app]
cd books-app
- Then open in your browser by using
live server
For tracking linter errors locally you need to follow these steps:
-
After cloning the project you need to run this command
npm install
This command will download all the dependencies of the project
-
For tracking the linter errors in HTML file run:
npx hint .
-
For tracking the linter errors in CSS file run:
npx stylelint "**/*.{css,scss}"
- And For tracking the linter errors in JavaScript file run:
npx eslint .
👤 Magana Assia
- GitHub: @MaganaAsiati
- Twitter: @asia_magana
- LinkedIn: Asia Magana
David Ger
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Hat tip to Microvers and all the staff
- Thanks to My coding Partners
- Thanks to My Morning-session-group and Standup-team Partners and
- Thanks to Code Reviewers
This project is MIT licensed.