A simple BookStore Website built with HTML-CSS-JavaScript-ES6.

Related tags

Learning resource awesome-books-es6
Overview

Awesome Books

This project allows users to add/remove books from a list. This is done by using JavaScript ES6. It has the feature to dynamically modify the DOM and add basic events.

Screenshot

screenshot

Built with

  • Major languages: HTML, CSS, JavaScript
  • Technologies used: Github, Linters

Getting Started

Clone the repository and setup the linter

Prerequisites

  • npm ( Node Package Manager )
  • git and Github Account

Setup

To get a local copy up and running follow these simple example steps.

  • Open terminal
  • Change the directory you want put the repo
  • Then run i. Run git clone [email protected]:mengiefen/awesome-books.git ii. cd repo-name/

Install

Run tests

  • Webhint linter -npx hint . on the root of your directory of your project.
  • Stylelint linter
    • npx stylelint "**/*.{css,scss}" on the root of your directory of your project.
  • ESLint linter
    • npx eslint . on the root of your directory of your project.

Authors

👤 Mengstu Fentaw

Contributers

Acknowledgments

  • To morning session team,reviewers and standup team memebers.

Live Demo

FOLLOW THIS LINK TO SEE THE LIVE DEMO

📝 License

This project is MIT licensed.

You might also like...

This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built with HTML, CSS, JavaScript.

Awesome Books with ES6 This project, is about restructuring our Awesome books app code and make it more organized using modules and ES6 sintax. Built

Jul 21, 2022

A web app that allows users to add and/or remove a book. Built with JavaScript(ES6), HTML and CSS.

Awesome-Books-ES6 A web app that allows users to add and/or remove a book. Built with JavaScript(ES6), HTML and CSS. Live Preview Click here to view L

Oct 7, 2022

Todo application is a web app that helps to organise your daily activities. It lists all the activities that you need to be completed and allows you to mark them as complete or not. Tasks can also be dragged and dropped in any position. It's a minimalistic website built using JavaScript ES6, Webpack and CSS

Todo Application Todo application is a web app that helps to organise your daily activities. It lists all the activities that you need to be completed

May 3, 2022

The Bookstore is a website that allows the user to :display a list of books , Add a book and remove a selected book.

Book Store The Bookstore is a website that allows the user to : -Display a list of books. -Add a book. -Remove a selected book. Built With 🔨 Basic CS

Sep 6, 2022

BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book.

Project Name : BookStore CMS BookStore is a website that allows a given user to view a list of books, to add a new book and remove a given book. In or

Aug 22, 2022

The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.

The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.

Bookstore The Book Store is a website where the user can display a list of books, add a book and remove a selected book. Microverse's Bookstore API wa

Jan 1, 2023

Bookstore app built using React, Redux, and Styled Components

Bookstore app built using React, Redux, and Styled Components

Bookstore Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and St

Dec 12, 2022

This project is a Web application based on an external API. The API provides data about music (including artists, albums, etc) that users can access on-demand. This project was built with ES6, HTML and CSS and it is a SPA.

This project is a Web application based on an external API. The API provides data about music (including artists, albums, etc) that users can access on-demand. This project was built with ES6, HTML and CSS and it is a SPA.

Capstone M2: Music App This project is a Web application based on the music API Napster built with ES6, HTML and CSS and it is a SPA. This API provide

Aug 29, 2022

This is the version to be reviewed - "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. A simple website that allows for doing that, and built using ES6 and Webpack!

Todo-list "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as comple

Dec 20, 2022
Comments
  • Awesome es6

    Awesome es6

    In this project, the following features have been included

    • add/remove books from a list.
    • the feature to dynamically modify the DOM and add basic events.
    • navigation across the page generally implemented using SPA approach.
    opened by mengiefen 0
  • Peer-to-peer code review

    Peer-to-peer code review

    Congratulations! All of your code looks great, including JavaScript and CSS! 🎉

    There's only one little vulnerability I've found: 🔍 image When you add specially long titles or authors background colors will break, not really that important, but if you want to have a perfect unbreakable code, try to solve this one. 👍

    Good luck! 🍀

    opened by Kakalanp 1
Owner
Mengstu F.
Full-stack Developer | Electrical Engineer | Love to learn new technologies & face challenges | I play table tennis | Currently looking for new opportunities.
Mengstu F.
GitHub
This app helps manage a bookstore. It comes in handy when you need to manage a personal book store or library. Entirely built on es6.

Awesome Books A Microverse project on learnong javascript. Additional description about the project and its features. Built With HTML5 CSS3 Javascript

Atugonza ( Billions ) Joel 13 Apr 22, 2022
This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.

To-Do-List App This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules

Samuel Mwape 18 Sep 20, 2022
This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module

Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H

Mustafa Fahimy 7 Jul 21, 2022
Awesome book with ES6, this project is build using HTML,CSS, JavaScript ES6 the project allows you to add books and save them with the author , for another time checks

Project Name Awsome books Description the project. adding books daynamiclly Built With Major languages Frameworks Technologies used Live Demo (if avai

Alzubair Alqaraghuli 5 Jul 25, 2022
In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.

Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa

Emem Ekpo 7 Sep 9, 2022
Simple Library implemented using HTML, CSS and JavaScript. This is a simple implementation of JavaScript Modules of ES6.

Awesome-books A single page project with the porpuse of storing books' titles and authors. Built With CSS, HTML & Javascript. How to run in your local

Saadat Ali 7 Feb 21, 2022
A simple HTML list of To Do tasks built using webpack, JS ES6 and CSS. This app allows users to add and delete tasks to organize their days.

To-Do List "To-do list" is an app that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl

Karla Delgado 15 Sep 26, 2022
Awesome Books project with ES6 is an application that was built using Vanilla JavaScript with ES6 features like using arrow functions. This application allows you to keep records of your favorite books.

Javascript Project Awesome Books with ES6 Using Javascript to create a simple Awesome Books project. Populating the books list and then removing one b

Ghazanfar Ali 8 Sep 28, 2022
A SPW (Single Page Website) that can track your favorite books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.

awesome-books It is a project for Microverse's JavaScript Module to be done using pair-programming. Desktop Version Mobile Version In this website you

TOFANA SILVIA 10 Aug 22, 2022
this project is an online library application that enables users to keep track of books in their library by adding to and removing books from a list. Built with JavaScript ES6 syntax, HTML, and CSS

Awesome-Book1 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules. The

Afolabi Akorede 7 Jul 17, 2022