MaganaAsiati / Awesome_book

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.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Live Demo

Live Demo

Description

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.

Mockup

all-devices-white (2)

Screen short of the list display

Screenshot from 2022-06-07 02-13-17

Screen short of add new

Screenshot from 2022-06-07 02-15-26

Screen short of contact

Screenshot from 2022-06-07 02-16-54

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 .

  • Built With

  • HTML

  • CSS

  • JS

Getting Started

To get a local copy up and running follow these simple example steps.

  1. Download the Zip or (git clone)[https://github.com/ger619/books-app]
  2. cd books-app
  3. Then open in your browser by using live server

Test

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 .

Authors

👤 Magana Assia

David Ger

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • 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

📝 License

This project is MIT licensed.

About

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.


Languages

Language:JavaScript 98.2%Language:HTML 1.0%Language:CSS 0.8%