Awesome-Books

📗 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: ```bash npm install -D tailwindcss ``
2. Copy and paste below to initialize tailwind.config.js ```bash npx tailwindcss init ``
3. Copy and paste below to replace all the lines in tailwind.config.js ```bash /** @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. ```bash 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}"

1. 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)

This site is open source. Improve this page.