This is the first project in the second module in the Microverse program.
Check the below contents for further details about this project.
This project is about building a book management app. It contains three main files (index.html
/ style.css
/ script.js
).
It also includes some config linters for (HTML
/ CSS3
/ JavaScript
) in the .github
folder.
📌 Live Demo:
- See the project live from here
📌 Tech Stack:
- Page strucutre is built with
HTML5
- Styling and alignment built with
CSS3
- Interaction and dynamic content built with
JavaScript
📌 Key Features:
- Single page app where all content is loaded dynamically
- Responsive layout with all screen sizes
- Three navigation links (list / add / contact)
- Transition effect in content loading
- Active content link is highlighted
- Displays a list of books with title and author values
- Inserts new book with a form input of title and author fields
- Removes any book item with a relevant remove button
- Uses an array of objects for handling books data
- Stores the books array when adding or removing locally
You can easily download or fork this repository and work on it immadiately!
📌 Prerequisites:
- No prior requirements needed!
📌 Setup:
- Simply download or fork this repository.
📌 Deployment:
- You can deploy this project by uploading three files (
index.html
/style.css
/script.js
) to a live server.
📌 Mahammad:
📌 Derek:
Some additional features I may implement in the project:
- Backend and database integration
- Admin panel for content management
Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the issues page too.
Like this project? Show your support by starring!
I thank everyone at Microverse for guiding me through this project.
This project is MIT licensed.