Git Product home page Git Product logo

fmanimashaun / awesome-book_es6 Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 518 KB

In this project, we built a basic website that allows users to add/remove books from a list. This was achieved by using ES6 modules while using javascript DOM and basic events to dynamically modify the page. and Luxon library for date-time manipulation

Home Page: https://fmanimashaun.github.io/Awesome-book_es6/

License: MIT License

CSS 2.83% HTML 0.75% JavaScript 96.42%
css css3 es6-javascript html5 luxon

awesome-book_es6's Introduction

Awesome books: with ES6

๐Ÿ“— Table of Contents

๐Ÿ“– Overview

In this project, we built a basic website that allows users to add/remove books from a list. This was achieved by using JavaScript objects and arrays while using javascript DOM and basic events to dynamically modify the page.

Project Objectives

  • Re-create the Awesome books app following the rules:
    • Use ES6 syntax.
    • Divide code into modules. the following modules were created:
      • BookList.js: for BookList class
      • datetime.js: for the time function
      • luxon: the downloaded luxon library
  • Display the current date below the navigation bar.
    • For this requirement we use a library Luxon

See the article Get the current date and time.

Built With

Key Features

  • Preserving data with localStorage
  • Using ES6 syntax
  • Using modules

๐Ÿš€ Live Demo

Live Demo Link

Screenshots

Screenhot

๐Ÿ’ป Getting Started

  • [Optional] Install git bash to your machine to enable you to clone this repo.
  • install Visual Studio to be able to host a local live version.
  • Install a browser to view the local live version.

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

Setup

  • Open your GitHub account the repository's link

Prerequisites

  • Internet connection
  • A github account

Install

  • copy the repo's link and clone it by writing git clone https://github.com/fmanimashaun/AAwesome-book_es6.git on your git bash terminal.
  • npm install to install the dependencies

Run tests

  • You can check for errors by running linter tests found in the github flows.

Deployment

  • Click on 'go live' on your visual studio to view the project live on your local machine.

Authors

๐Ÿ‘ค Engr. Animashaun Fisayo

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

โญ๏ธ Show your suppor

Give a โญ๏ธ if you like this project!

๐Ÿ“ License

This project is MIT licensed.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.