Skip to content

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

License

Notifications You must be signed in to change notification settings

mahammad-mostafa/awesome-books

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏷️ 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

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

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:

📌 Derek:

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 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 licensed.

back to top