Awesome-books-with-ES6

In this project:

I will restructure my Awesome books app code, to make it more organized by using modules.

Awesome-books-Project

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

Awesome-Books Web site.

Awesome-Books Web site Project initialization

Live Demo:

Live Demo Link

Built With

• HTML(HTML-5).
• CSS(Flexbox - grid).
• javaScript (Vanilla JS - ES6 - Modules).
• Luxon.
• Github.
• Local Storage.
• Linters.

In this project we :

• Add Linters for HTML/CSS.
• Use best practices for HTML & CSS.
• Update README file.
• Add Mark up to the .html file.
• Add style to the web site.
• Add Form to save books .
• use Local storage to save user data.
• User can add books and can remoove it from the list.
• Using classes instead of Objects.
• ★ Modify the Awesome books application to have:
  • A Navigation bar.
  • Three content sections:
    • Books list.
    • Add book form.
    • Contact info.
• ★ Use ES6 Modules
• ★ Use Luxon to update date and time in the UI.

Getting Started

1- clone Repo. git clone [email protected]:MostafaShahat2021/portfolio.git

2- Install npm (node pakage manager) you can run any one of these commands to install npm on your machine:

• npm i
• npm install
• sudo apt install npm

to install globally, just add a -g or --global after the install or i

• npm i -g
• sudo apt install -g npm

Run tests

We use Linters for HTML/CSS to cheack this project.

Authors

👤 Mostafa Shahat

• GitHub: @MostafaShahat2021
• LinkedIn: LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.