mutesihope/Awesome-Books-List

Awesome Book is a must-have app for book readers, made with HTML, CSS, and JavaScript. You can have your own collection of books that you want to read, or you have read already. You can add books with Author details and can remove them when no more needed.

📗 Table of Contents

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

📖 Awesome Books Project

An Awesome books store project, where you can enter the name and author of the books and have it stored, Developed using Html, Css and Javascript

Live Demo

Live Demo

🛠 Built With

1-HTML 2-CSS 3-JS

Tech Stack

Client

• HTML
• CSS
• JS

Key Features

• Add index.html file.
• Add style.css file.
• Add index.js file.
• Add Linters.
• Add Header to the index.html file.
• Add global styling variables to style.css file.

(back to top)

💻 Getting Started

Prerequisites

1-Web Browser 2-Code Editor 3-Git

Setup

Clone this repository to your desired folder:

Run this Command:

  cd Awesome-Books-List
  git clone git@github.com:mutesihope/Awesome-Books-List.git

Install

First you need to install the node package files Run this command:

  cd Awesome-Books-List
  npm install

Usage

• In order to use this project you either create branch to add more features.
• But in order to run the project open index.html with live server

Run Linters

I have added the linters or tests in order to avoid anykind of typos and ensure the good practices in this project. So while using this repository if you need to check your work in html and css you can use below commands

• in order to run the linter test on index.html:

 npx hint .

• in order to run the linter test on stylesheets:

 npx styleint "**/*.{css,scss}"

Deployment

• You can easily use github pages, netlify or vercel to deploy your project Useful link about Github Pages Step by Step guide to deploy using netlify Step by Step guide to deploy using vercel

(back to top)

👥 Authors

👤 Karangwa Hope

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

👤 Abu Talha

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• Add header and footer to index.html
• Add more styles to style.css
• Add more styles to style.css

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

(back to top)

⭐️ Show your support

If you like this project just give it a star -

(back to top)

🙏 Acknowledgments

We would like to thank Microverse.

(back to top)

📝 License

This project is MIT licensed.

(back to top)