retky/mv-awesomebooks

Basic local website that allows users to add/remove books from a list.

Mv-AwesomeBooks

Basic website that allows users to add/remove books from a list.

Live Preview

Live Preview

Built With

• HTML
• CSS
• JAVASCRIPT

---

• Webhint
• Stylelint
• ESLint
• Lighthouse

Prerequisites

If you haven't yet, you should first set up Git. Don't forget to set up authentication to GitHub.com from Git as well.

Usage

• Clone the repository
  • Above the list of files, click ↓Code
  • Clone with HTTPS
  • Open Terminal
  • Change the current working directory to the location where you want the cloned directory
  • Type git clone, and then paste the URL you copied earlier
  • Press Enter. Your local clone will be created

OR

• Fork the repository
  • In the top-right corner of the page, click Fork
  • Work in the forked repository

Author

👤 J. Luis Arredondo

• GitHub: @Retky
• Twitter: @RetkyFox
• LinkedIn: Retky

👤 Godwin Nwachukwu

• GitHub: @Gnwin
• Twitter:
• LinkedIn:

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to get in touch with any issues or suggestions.

• 🐛 Bug reports & issues: Use GitHub Issues
• 💡 Suggestions: Use Github Discussions
• 🙋‍♀️ General questions: Use Github Discussions

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.

mv-awesomebooks's Issues

P2P code review - march 22

Hi Retky 👋 good job with the project! It works fine 💯 a simple suggestion for you is this:

Mv-AwesomeBooks/js/modules/clearBooks.mjs

Line 3 in fdd154e

const clearAll = () => {

an easy way to reset the list is to say:

list.innerHTML = '';

have a nice day bro! 🙂

Change the colors using CSS

Mv-AwesomeBooks/script.js

Line 75 in ad7e419

bDiv.classList.add('gray');

I advise you to use CSS instead of JS to change the colors of odd lines, so that it updates in real time when you remove an object. You can use 'nth-child'. Something like this:

.(name of your container):nth-child(odd) {
  background: (The color you want) ;
}