https://mahammad-mostafa.github.io/awesome-books/

This is the first project of the second module in Microverse program. It is about a single page book management app.
https://mahammad-mostafa.github.io/awesome-books/

es6 html-css-javascript html5 javascript microverse microverse-projects microverse-students responsive-app responsive-layout single-page-app

Last synced: about 1 month ago
JSON representation

This is the first project of the second module in Microverse program. It is about a single page book management app.

• Host: GitHub
• URL: https://mahammad-mostafa.github.io/awesome-books/
• Owner: mahammad-mostafa
• License: mit
• Created: 2023-07-04T15:35:20.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-03T22:55:50.000Z (11 months ago)
• Last Synced: 2024-05-21T16:09:06.940Z (4 months ago)
• Topics: es6, html-css-javascript, html5, javascript, microverse, microverse-projects, microverse-students, responsive-app, responsive-layout, single-page-app
• Language: JavaScript
• Homepage: https://mahammad-mostafa.github.io/awesome-books/
• Size: 52.7 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# 🏷️ Awesome Books

This is the first 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 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](https://mahammad-mostafa.github.io/awesome-books)

📌 **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

back to top




# 🛠️ 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` / `style.css` / `script.js`) to a live server.

back to top




# 👥 Authors

📌 **Mahammad:**

- [GitHub](https://github.com/mahammad-mostafa)

- [Twitter](https://twitter.com/mahammad_mostfa)

- [LinkedIn](https://linkedin.com/in/mahammad-mostafa)

📌 **Derek:**

- [GitHub](https://github.com/obibaadoma)

back to top




# 🔭 Future

Some additional features I may implement in the project:

- [ ] Backend and database integration

- [ ] Admin panel for content management

back to top




# 🤝🏻 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.

back to top




# ⭐️ Support

Like this project? Show your support by starring!

back to top




# 🙏🏻 Acknowledgements

I thank everyone at **Microverse** for guiding me through this project.

back to top




# 📝 License

This project is [MIT](LICENSE.md) licensed.

back to top