Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://benmukebo.github.io/Awesome-Books
An "Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. Built with JavaScript (medium-fidelity).
https://benmukebo.github.io/Awesome-Books
css3 html5 javascript
Last synced: 3 months ago
JSON representation
An "Awesome books" is a simple website that displays a list of books and allows you to add and remove books from that list. Built with JavaScript (medium-fidelity).
- Host: GitHub
- URL: https://benmukebo.github.io/Awesome-Books
- Owner: BenMukebo
- Created: 2021-09-13T13:37:21.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-09-16T20:19:44.000Z (over 3 years ago)
- Last Synced: 2023-03-12T02:23:38.086Z (almost 2 years ago)
- Topics: css3, html5, javascript
- Language: JavaScript
- Homepage: https://benmukebo.github.io/Awesome-Books/
- Size: 859 KB
- Stars: 12
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Awesome-Books
> This is a **Single Page App** complete website with navigation that display three sections dynamically using JS.
> |List Book|Add book section|Contact section|
> |------------|----------------|---------------|
> |.|| |
- The Single Page App has three links in the navigation which display these sections when clicked.
- The three section are
- The List Book section
- The Add Book section
- The Contact section
- When the anchor list link is clicked, it displays the list of books section while the contact and add form section is hidden.
- When the anchor add book link is clicked, it displays the form control section while the contact and list section is hidden.
- When the anchor contact information link is clicked, it displays the contact information section while the add book and list section is hidden.
## Built With
- HTML, CSS, JavaScript
- Git, Github
## Prerequisites
Basic understanding of HTML, JavaScript, CSS Git and GitHub
[Live Demo Link](https://benmukebo.github.io/Awesome-Books/)
## Getting Started
### To get a local copy up and running follow these simple example steps below:
1. Copy this website **``https://github.com/BenMukebo/Awesome-Books``**
2. Navigate to the location of the folder in your machine you wish to save this folder:
**``you@your-Pc-name:~$ cd ``**
3. Clone this repository or download the Zip folder:
**``git clone https://github.com/BenMukebo/Awesome-Books.git``**
4. Change Directory into the cloned repository: **``you@your-Pc-name:~$ cd ``**
5. Open the repository with Visual Code Editor: **``you@your-Pc-name:~$ code .``** or open with any code editor of your choice.
## Authors
👤 **Francis Nzenwa Ugorji**
- GitHub: [@Gambit142](https://github.com/Gambit142)
- LinkedIn: [Francis Ugorji](www.linkedin.com/in/francis-ugorji-a567b7168)
👤 **Ben Mukebo**
- GitHub: [BenMukebo](https://github.com/BenMukebo)
- LinkedIn: [Ben Mukebo](www.linkedin.com/in/kasongo-mukebo-ben-591720205)
## 🤝 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``** for the opportunity to underatake such project using their platform
- To family and friends who motivated us throughout this project
## 📝 License
This project is [MIT](./MIT.md) |licensed.