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.
- HTML, CSS, JavaScript
- Git, Github
Basic understanding of HTML, JavaScript, CSS Git and GitHub
- Copy this website
https://github.com/BenMukebo/Awesome-Books
- Navigate to the location of the folder in your machine you wish to save this folder:
you@your-Pc-name:~$ cd <folder>
- Clone this repository or download the Zip folder:
git clone https://github.com/BenMukebo/Awesome-Books.git
- Change Directory into the cloned repository:
you@your-Pc-name:~$ cd <Awesome-Books>
- Open the repository with Visual Code Editor:
you@your-Pc-name:~$ code .
or open with any code editor of your choice.
👤 Francis Nzenwa Ugorji
-
GitHub: @Gambit142
-
LinkedIn: Francis Ugorji
👤 Ben Mukebo
-
GitHub: BenMukebo
-
LinkedIn: Ben Mukebo
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
Microverse
for the opportunity to underatake such project using their platform- To family and friends who motivated us throughout this project
This project is MIT |licensed.