https://chrissiku.github.io/Awesome-Books/
Awesome Books is a basic website that allows users to add/remove books from a list. This project is achieved by JavaScript objects and arrays. But also I dynamically modify the DOM and add basic events.
https://chrissiku.github.io/Awesome-Books/
css html javascript
Last synced: over 1 year ago
JSON representation
Awesome Books is a basic website that allows users to add/remove books from a list. This project is achieved by JavaScript objects and arrays. But also I dynamically modify the DOM and add basic events.
- Host: GitHub
- URL: https://chrissiku.github.io/Awesome-Books/
- Owner: Chrissiku
- Created: 2022-05-24T06:36:37.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-05-30T22:09:37.000Z (about 4 years ago)
- Last Synced: 2025-03-29T18:01:40.774Z (over 1 year ago)
- Topics: css, html, javascript
- Language: JavaScript
- Homepage: https://chrissiku.github.io/Awesome-Books/
- Size: 299 KB
- Stars: 10
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Name : Awesome Books
> Awesome Books is a basic website that allows users to add/remove books from a list. This project is achieved by JavaScript objects and arrays. But also I dynamically modify the DOM and add basic events.
>
>
> In order to achieve this project I used some resources and technologies listed below :
| On Desktop | On Mobile |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 
| 
|
## Built With
- Major languages : JavaScript Object & HTLM
- Frameworks : none
- Technologies used : Github, Git and Linters
## Live Demo
> Click here for the [demo](https://chrissiku.github.io/Awesome-Books/)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites ♻️
- A personal computer connected to the internet;
- Have a working and updated browser.
- Have a local version control like git installed on your computer
- Have an account on Github, as an online/remote Version Control System
- Code editor (Visual studio code, sublime text, notepad++, ...) installed on your computer;
- At least basic of HTML and CSS.
### Setup 🎰
- Click the [me](https://github.com/Chrissiku/Awesome-Books) and you'll land on the pure repository;
- click on the green (🟢) button with `Code` Inscription;
- You can choose to download the project or just clone it if you are familiar with Git and Github;
- Follow normal step once download in your computer and use it as it's yours.
### Install
- If you are familiar with git, Run `npm install` to get all dependecies required to run the linters checks, otherwise use the downloaded project on your computer without testing files
### Run test 🧪
> Run thes command bellow inside your `git bash` or command line interface.
- `npx hint .` : for the `html` codebase and use of best practices.
- `npx stylelint "**/*.{css,scss}"` : for the `css` codebase and use of best practices. you can add
- `npx eslint .` : for the `JavaScript` codebase and use of best practices.
- > Note that you can add `--fix` keyword to the command for `Css` and/or `JavaScript` to make sure that you avoid all errors comming from your `code editor`
## Author
👤 **Chris Siku (Main Author)**
- GitHub: [@githubhandle](https://github.com/Chrissiku)
- Twitter: [@twitterhandle](https://twitter.com/christian_siku)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/chris-siku-4bb53b232/)
👤 **Shaquille Ndunda (Coding partner)**
- GitHub: [@githubhandle](https://github.com/shaqdeff)
- Twitter: [@twitterhandle](https://twitter.com/shaquillendunda)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/shaquille-ndunda-b13a95107/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Microverse
- Hat tip to anyone whose code was used.
## 📝 License
This project is [MIT](./MIT.md) licensed.