BookStore websites done with JavaScript-ES6, CSS, HTML

Last update: Mar 1, 2022

Related tags

Overview

Awesome Books

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

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

Webhint linter

npm install --save-dev [email protected]
Stylelint linter

npm install --save-dev [email protected] [email protected] [email protected] [email protected]
ESLint linter

npm install --save-dev [email protected] [email protected] [email protected] [email protected]

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

GitHub: @mengiefen
Twitter: @MengistuFentaw
Linkedin: @mengefen

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.

Comments

Peer-to-peer code review!
You have a nice job there with the functionalities working as expected.

Nice use of comments to show what each code is meant for.

Corrections.

[x] Use descriptive variable names when declaring your variables (Date in line 99).

Optional Recommendation

You can redirect your page to show the added books view after each book is added. :clap:
opened by charlyeneh 0
Awesome books class
This simple application allows users:

to add/remove books from a list. This is done by using JavaScript class.

It has the feature to dynamically modify the DOM and add basic events.

The JavaScript array of object is stored in local-storage with key of 'books'

Note

**The reason why there is no commits from my partner is that because my coding partner was absent yesterday and today as well. I tried to contact him, and he told me that he will not available in this week.**
opened by mengiefen 0
Awesome books
This simple application allows users:

to add/remove books from a list. This is done by using JavaScript objects and arrays.

It has the feature to dynamically modify the DOM and add basic events.

The JavaScript array of object is stored in local-storage with key of 'books'

Note

**The reason why there is no commits from my partner is that because my coding partner was absent yesterday and today as well. I tried to contact him, and he told me that he will not available in this week.**
opened by mengiefen 0

College project done for the CG Artwork lecture in 2022. Used HTML for the indexes and mainly JavaScript (using to THREE.js). Ended with the final A grade (17.3 in scale grade).

CG Artwork Project 2022 This project was done by a group of 3 in 2022 with an educational purpose for the CG Artwork lecture in Instituto Superior Téc

Sep 19, 2022

:iphone: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites

Responsive Boilerplate A powerful, accessible, developer friendly, framework for building responsive websites Responsive Boilerplate is the developers

Dec 22, 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

Feb 21, 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

Sep 28, 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

Jul 17, 2022

"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. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.

Hello! I am a software developer! I can help you build a product, feature or website. Take a look of my works. If you like what you see and have a pro

A SPA (Single Page Application) that can track your books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.

Awesome-Books-project Recreate awesome book app using ES6 syntax and modules. Built With HTML CSS Javascript Live Demo (if available) Live Demo Link G

Jul 14, 2022

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

Aug 22, 2022

BookStore websites done with JavaScript-ES6, CSS, HTML

Related tags

Overview

Awesome Books

Screenshot

Built with

Getting Started

Prerequisites

Setup

Install

Run tests

Authors

Contributers

Acknowledgments

Live Demo

📝 License

You might also like...

Comments

This simple application allows users:

Note

This simple application allows users:

Note

Owner

Mengstu F.

A web app designed to keep track of activities that are done and those that are and not done. Users can add, delete, mark as completed and update the activities. Built with Javscript, html, css and webpack.e your activites

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

This project is about the awesome books we did during Microverse to build a website for adding and removing the books.Done using HTML and ES6 JAVASCRIPT and modules

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

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.

A simple To-do app project made using JavaScript ES6 and Webpack - Microverse. You can add, remove, check tasks, and remove all the tasks that were done at the same time. Feel free to see the live version, if you like it please give it a star!

This the minimal to do list done using JavaScript, HTML and CSS.

A simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done

A web component that allows you to run high level programming languages on your websites (static websites included!)

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.