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
• License

[Awesome-books]

Awesome-books

This Awesome books project is based on an online website that allows users to add/remove books and their authors from a list of books or to form a library of books which are stored in a local storage.

In this project, we will built a basic website that allows users to add/remove books from a list. We achieved that by using JavaScript objects and arrays. We also dynamically modified the DOM and added basic events.

[Online link Awesome-books]

In this project:

• We understood different ways to create objects in JavaScript.
• We created and accessed properties and methods of JavaScript objects.
• Use JavaScript classes.
• We understood how to use medium-fidelity wireframes to create a UI.
• We understood the concept of single page application.
• We used JavaScript to manipulate DOM elements.
• We used JavaScript events.

Built With Technologies

• HTML
• CSS
• Javascript

Tech Stack

The entire project was built with only HTML5 and JavaScript.

Home page

screenshot for desktop version screenshot for desktop version screenshot for desktop version screenshot for desktop version

Key Features

• [key_feature_1] plain JavaScript with objects.
• [key_feature_2] Implement only a basic UI with plain HTML.
• [key_feature_3] Make sure that data is preserved in the browser's memory by using localStorage.
• [key_feature_4] Add CSS styles to the application to make it match this wireframe.
• [key_feature_5] Create class methods to add and remove books..
• [key_feature_5] Modify the Awesome books application to have: - A Navigation bar. - Three content sections: - Books list. - Add book form. - Contact info..

Live Demo

• Live Demo Link

Getting Started Awesome-books Repository

In order to run this project you need:

• Visual Studio Code.
• Node JS.
• Git bash.
• GitHub Account.

To run this project clone it with git clone https://github.com/Amazinggracee/Awesome-books.git then run from a browser

To get a local copy.

Setup

Clone this repository to your desired folder:

Use git clone command or download ZIP folder

Example commands:

  cd my-folder
  git clone https://github.com/Amazinggracee/Awesome-books.git

Prerequisites

In order to run this project you need:

• Visual Studio Code.
• Node JS.
• Git bash.
• GitHub Account.

Install

Install this project with:

npm

Example command:

  cd my-project
  npm init -y

  cd my-project
  https://github.com/microverseinc/linters-config

Usage

To run the project, execute the following command:

npm start or live server

Example command:

  GitHub Pages Server

Run-tests

To run tests, run the following command:

npm test

Example command:

  npx stylelint "**/*.{css,scss}"

  npx eslint .

Deployment

You can deploy this project using:

GitHub Pages

Example:

https://amazinggracee.github.io/Awesome-books/

Authors

Amarachi Dimkpa

• GitHub: @amazinggacee
• Twitter: @amazinggaceu
• LinkedIn: Amarachi Dimkpa

Mohammad Suliman Joya

• GitHub: @githubhandle
• LinkedIn: LinkedIn

Zied Ben Amor

• GitHub: @ZiedBenAmor
• LinkedIn: @ZiedBenAmor

Future Features

• [new_feature_1]

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

If you like this project feel free to go through it and comment.

Acknowledgments

Design credit: I would like to thank all my morning session team for the support. I would like to thank my coding partner.

FAQ

Add at least 2 questions new developers would ask when they decide to use your project.

• [Question_1]

  • [Answer_1]

• [Question_2]

  • [Answer_2]

LICENCE

This project is MIT license licensed.