awesome_bookes6's Introduction

awesome_bookes6

📗 Table of Contents

📖 About the Project
- 🛠 Built With
  - Tech Stack
  - Key Features
- 🚀 Live Demo
💻 Getting Started
- Setup
- Prerequisites
- Install
- Usage
- Run tests
- Deployment
👥 Authors
🔭 Future Features
🤝 Contributing
⭐️ Show your support
🙏 Acknowledgements
❓ FAQ (OPTIONAL)
📝 License

📖 awesome_bookes6 PROJECT

awesome_bookes6 is an app designed with the ability to add, remove and store books.It is a first project of Week 2 Module 2 - manipulating JavaScript objects and implementing it into front-end.

🛠 Built With

HTML
CSS
JavaScript es6
Github actions

Tech Stack

HTML
CSS
JavaScript es6
Version Control (GitHub)
Modules

Key Features

Add Section
Remove Section
Contact Section
Current Date & Time

(back to top)

🚀 Live Demo

Live

💻 Getting Started

clone from repository: https://github.com/Enoisong/awesome_bookes6.git

Prerequisites

In order to run this project you need to:

Install Live server VScode extension and run Go Live
Install a Command Line Interface to clone project-Git bash/Terminal

Setup

Clone this repository to your desired folder: https://github.com/Enoisong/awesome_bookes6.git

Install

Install this project with:

VSCode

Usage

To run the project:
Install the Live server extension of the VScode and run Go Live

Run tests

To run linters tests, run the following command: npx hint . npx stylelint "**/*.{css,scss}" npx eslint .

Deployment

It will be deployed after merge

(back to top)

👥 Author

Enobong Isong

👤 Author 👤 Author

GitHub: @githubhandle
Twitter: @twitterhandle
LinkedIn: LinkedIn

🔭 Future Features

To Add more dynamics to the project; feature like animation and transition

(back to top)

🤝 Contributing

Contributions, issues, as well as feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project, give me a star

(back to top)

🙏 Acknowledgments

Thanks to the Microverse team for the great curriculum.
Thanks to the Code Reviewer(s) for the insightly feedbacks.
A great thanks to my coding partner(s), morning session team, and standup team for their contributions.

(back to top)

📝 License

This project is MIT licensed.

(back to top)

awesome_bookes6's People

Contributors

Stargazers

Watchers

awesome_bookes6's Issues

Keep code DRY and add descriptive Comments.

The openPage function in the app.js file has repeated code in each of the if/else blocks where it sets the display property of the different containers and adds the active class to the corresponding link item. I will suggest you improve this, by extracting the repeated code into a separate function that takes the container element and link item as arguments and sets their display and class properties accordingly. This would reduce duplication and make the code more maintainable.
Additionally, I will suggest you add comments to your code since it plays an important role in enhancing readability, facilitating maintenance, and clarifying intent. Clear, concise, and informative comments, can help make your code more accessible and understandable to other developers, even years down the line.

Recommend Projects