AwesomeBooksList

KO | EN

gitlite — search

#javascript #python #hacktoberfest #golang #rust #deep-learning #macos #nodejs #windows #cli #security #mcp #openai #open-source

AwesomeBooksList

(★ 9)

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

AwesomeBooksList 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [🛠 Built With](#built-with)
    - [Tech Stack](#tech-stack)
    - [Key Features](#key-features)
- [💻 Getting Started](#getting-started)
  - [Setup](#setup)
  - [Prerequisites](#prerequisites)
  - [Install](#install)
  - [Usage](#usage)
  - [Run tests](#run-tests)
  - [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 Awesome Books Project <a name="about-project"></a>

`Awesome Books` is a must-have app for book readers, made with **`Hyper Text Markup Language`**, **`Cascading Style Sheets`**, 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. 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

## 🛠 Built With <a name="built-with"></a>

- `Hyper Text Markup Language`
- `Cascading Styles Sheet`
- `JavaScript`

### Tech Stack <a name="tech-stack"></a>

<details>
 <summary>Client</summary>
 <ul>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML">HTML</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a></li>
 <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">JS</a></li>
 </ul>
</details>

### Key Features <a name="key-features"></a>

- Add **`index.html`** file.
- Add **`style.css`** file.
- Add `app.js` file.
- Add `Linters`.
- Add a Header to the `index.html` file.
- Add global styling variables to the `style.css` file.

(<a href="#readme-top">back to top</a>)

## 💻 Getting Started <a name="getting-started"></a>

### Prerequisites

1- `Web Browser`
2- `Code Editor`
3- `Git`

### Setup

Clone this repository to your desired folder as follows:

First Run this Command:

```sh
  cd my-folder
  git clone git@github.com:Errytagedesign/microverse-portfolio.git
```

### Install

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

```sh
  cd microverse-portfolio
  npm install
```

### Usage

- To use this project, you create a new branch to add more features.
- But in order to run the project open index.html with a live server

### Run Linters

I have added the Linters or tests in order to avoid any kind of typos and ensure good practices in this project. So while using this repository if you need to check your work in `HTML` and `CSS` you can use the commands  below.

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

```sh
 npx hint.
```

- in order to run the linter test on stylesheets:

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

### Deployment

- You can easily use GitHub pages, Netlify or Vercel to deploy your project
 <a href="https://docs.github.com/en/pages/quickstart">Useful link about Github Pages</a>
 <a href="https://www.netlify.com/blog/2016/09/29/a-step-by-step-guide-deploying-on-netlify/">Step by Step guide to deploy using netlify</a>
 <a href="https://www.programonaut.com/host-your-application-for-free-with-vercel-step-by-step/">Step by Step guide to deploy using vercel</a>

(<a href="#readme-top">back to top</a>)

## 👥 Authors <a name="authors"></a>

👤 Sodeeq Awoyemi

- GitHub: [@githubhandle](https://github.com/Errytagedesign)
- Twitter: [@twitterhandle](https://twitter.com/errytage)
- LinkedIn [LinkedIn](https://www.linkedin.com/in/errytagedesigns/)

👤 Abu Talha

- GitHub: [@githubhandle](https://github.com/AbuTalha3)
- Twitter: [@twitterhandle](https://twitter.com/AbuTalha8T)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/abu-talha-8203b252/)

(<a href="#readme-top">back to top</a>)

## 🔭 Future Features <a name="future-features"></a>

- [ ] Add header and footer to index.html
- [ ] Add more styles to style.css
- [ ] Add more styles to style.css

(<a href="#readme-top">back to top</a>)

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(<a href="#readme-top">back to top</a>)

## ⭐️ Show your support <a name="support"></a>

If you like this project just give it a star -

(<a href="#readme-top">back to top</a>)

## 🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank Microverse. And my partner Sodique for helping me out

(<a href="#readme-top">back to top</a>)

## 📝 License <a name="license"></a>

This project is [MIT](./LICENSE) licensed.

(<a href="#readme-top">back to top</a>)

AwesomeBooksList

AwesomeBooksList 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

AwesomeBooksList

AwesomeBooksList 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README