I build an awesome book library using HTML, CSS(flexbox), Javascript, keep good practice with thee Linters correction. I add the headline to the project which stands as the book title. I create the form input fields, where user can add any book of there choice. User can as well delete/ remove any book of his choice even after creating it. I created the desktop version using media queries. Book auto updates in the local storage.
Additional description about the project and its features.
- HTML and CSS
- JavaScript
- local storage
- Technologies: Git and GitHub
To get a local copy up and running follow these simple example steps.
- VS Code - A studio code editor.
- Node Package Manage: For installing and managing packages used in the project.
- Linters setup
- GitHub - For storing our codes and managing the git repo.
- Create a Repo
- Go to github and create a repo
- Copy the ssh code to clone
- Open the Commandline
- Navigate To the right directory
- Run
Git Clone https://github.com/idungstanley/Awesome_books.git - Run
code .to open your VScode Editor
- Create the Github\workflows Folder
- Create a Linters.yml file and configure
-
install the first linter Webhint
- Run
npm install --save-dev hint@6.x
- Run
-
install Stylelint linter
- Run
npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
- Run
-
install ESLint linter
- Run
npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
- Run
-
run Webhint linter
- Run
npx hint. on the root of your directory of your project.
- Run
-
Run Stylelint linter
- Run
npx stylelint "**/*.{css,scss}"on the root of your directory of your project.
- Run
-
Run ESLint linter
- Run ``````. on the root of your directory of your project.
👤 Sunday Stanley
- GitHub: @idungstanley
- Twitter: @idungstanley
- LinkedIn: Sunday (idung) Stanley
This project is MIT licensed.