Project Name : Awesome books

"Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application, you will learn how to manage data using JavaScript. Thanks to that your website will be more interactive. You will also use a medium-fidelity wireframe to build the UI.is a simple website that displays a list of books and allows you to add and remove books from that list. By building this application, you will learn how to manage data using JavaScript. Thanks to that your website will be more interactive. You will also use a medium-fidelity wireframe to build the UI.

Built With

• HTML
• Basic CSS (medium-fidelity wireframe)
• Vanilla JavaScript
• Linters (Lighthouse, Webhint, Stylelint, Eslint)
• Git/GitHub work-flow

🔴 Live Demo

Live Demo Link

Requirements

• Linters configuration.
• Part 1: Manage books collection (plain JS with objects).
• Part 2: Manage books collection (plain JS with classes) and add basic CSS.
• Part 3: Create a complete website with navigation.

Getting Started

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

• Open terminal
• Clone this project by the command:

$ git clone https://github.com/HSMathebula/Awesome-books-plain-JavaScript-with-objects.git

• Then go to the main folder using the next command:

$ cd capstone1.git

• Finally, run diplay the index.html file in your local browser, or also, you can use Live Server in Visual Studio Code.

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

Prerequisites

• IDE to edit and run the code (We use Visual Studio Code 🔥).
• Git to versionning your work.

Install

• npm install --save-dev hint@6.x
• npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
• npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Usage

• For anyone who wants to practice html5, css3 and or vanilla JavaScript
• For anyone who wants to create his own Web devlopment course site.

Run tests

• run: npx hint .
• run: npx stylelint "**/*.{css,scss}"
• run: npx eslint .

Authors

👤 Achraf KHITER

• GitHub:
• LinkedIn:
• Gmail:
• Twitter:
• Instagram:
• Facebook:

👤 Happen Mathebula

• GitHub: @HSMathebula
• LinkedIn: @HSmathebula

🤝 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 anyone whose code was used
• Inspiration
• Microverse program
• My standup team
• Code partner

📝 License

This project is MIT licensed.