Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://mahammad-mostafa.github.io/awesome-books-modules/
This is the second project of the second module in Microverse program. It is about building a single page book management app with ES6 modules.
https://mahammad-mostafa.github.io/awesome-books-modules/
arrow-functions css3 es6 html-css-javascript html5 javascript microverse microverse-projects modules responsive-layout single-page-app
Last synced: about 1 month ago
JSON representation
This is the second project of the second module in Microverse program. It is about building a single page book management app with ES6 modules.
- Host: GitHub
- URL: https://mahammad-mostafa.github.io/awesome-books-modules/
- Owner: mahammad-mostafa
- License: mit
- Created: 2023-07-11T01:33:04.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-03T22:57:01.000Z (11 months ago)
- Last Synced: 2024-05-21T16:08:59.823Z (4 months ago)
- Topics: arrow-functions, css3, es6, html-css-javascript, html5, javascript, microverse, microverse-projects, modules, responsive-layout, single-page-app
- Language: JavaScript
- Homepage: https://mahammad-mostafa.github.io/awesome-books-modules/
- Size: 39.1 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 🏷️ Awesome Books Modules
This is the second project in the second module in the **Microverse** program.
Check the below contents for further details about this project.
# 📗 Contents
- [Description](#description)
- [Instructions](#instructions)
- [Authors](#authors)
- [Future](#future)
- [Contributions](#contributions)
- [Support](#support)
- [Acknowledgements](#acknowledgements)
- [License](#license)
# 📖 Description
This project is about building a single page web application for book management with ES6 modules. It contains three main files (`index.html` / `index.css` / `index.js`).
It also includes some config linters for (`HTML` / `CSS3` / `JavaScript`) in the `.github` folder.
📌 **Live Demo:**
- See the project live from [here](https://mahammad-mostafa.github.io/awesome-books-modules).
📌 **Tech Stack:**
- Page strucutre is built with `HTML5`
- Styling and effects 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)
- Displays current date & time in realtime
- 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
# 🛠️ Instructions
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` / `index.css` / `index.js`) with `modules` folder to a live server.
# 👥 Authors
📌 **Mahammad:**
- [GitHub](https://github.com/mahammad-mostafa)
- [Twitter](https://twitter.com/mahammad_mostfa)
- [LinkedIn](https://linkedin.com/in/mahammad-mostafa)
# 🔭 Future
Some additional features I may implement in the project:
- [ ] Backend and database integration
- [ ] Admin panel for content management
# 🤝🏻 Contributions
Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the [issues](../../issues) page too.
# ⭐️ Support
Like this project? Show your support by starring!
# 🙏🏻 Acknowledgements
I thank everyone at **Microverse** for guiding me through this project.
# 📝 License
This project is [MIT](LICENSE.md) licensed.