📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 [Portfolio]

A book liabrary to store items of books with thier title and author.

🛠 Built With

• HTML
• CSS
• JS

Tech Stack N/A

Client

• N/A

Server

• N/A

Database

• N/A

Key Features

(back to top)

• Stores the title and author of a book to an array of object
• Display the items of the object to the screen for users
• User can also remove a book and author with a remove button.

(back to top)

💻 Getting Started

To get the content of this project locally you need to run the following commands in your terminal.

Prerequisites

• IDE (code editor) like: VScode, Sublime, etc
• Git

Setup

1. Download the Zip file or clone the repo with:

git clone https://github.com/shafiuyushawu/Awesome-Books/tree/class-objects

2. To access cloned directory run:

cd Awesome-Books

Run the following command to use Tailwind css and Daisyui class:

1. Copy and paste below in your terminal install taiwind.css:

     npm install -D tailwindcss
   ``

2. Copy and paste below to initialize tailwind.config.js

     npx tailwindcss init
   ``

3. Copy and paste below to replace all the lines in tailwind.config.js

     /** @type {import('tailwindcss').Config} */
     module.exports = {
       content: ["./src/**/*.{html,js}"],
       theme: {
         extend: {},
       },
       plugins: [require('daisyui')],
     }
   ``

4. Copy and paste below to install daisy ui packages.

     npm install daisyui
   ``
   

5. Now open with live server

Install

To install linters and other project's dependencies run:

npm install

Usage

To run the project, execute the following command:

• Open with live server

Run Test for Linters

For tracking linter errors locally you need to follow these steps:

1. For tracking linter errors in HTML files run:

npx hint .

2. For tracking linter errors in CSS or SASS files run:

npx stylelint "\*_/_.{css,scss}"

3. For tracking linter errors in JavaScript files run:

npx eslint .

Deployment

You can deploy this project using:

• N/A

(back to top)

👥 Author: Shafiu Ibn Yushawu && Hiwot Bayissa

👤 Authors

• GitHub: @shafiuyushawu, @hiwina
• Twitter: @shafiuyushawu

(back to top)

🔭 Future Features

• Implement object with classes
• Create a complete website with navbar and footer

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Kindly raise issue here

(back to top)

⭐️ Show your support

If you like this project, kindly follow me on GitHub 😊

(back to top)

🙏 Acknowledgments

• N/A

(back to top)

📝 License

This project is MIT licensed.

(back to top)