Git Product home page Git Product logo

awesome-booklist-es6's Introduction

Awesome-books-project

A refactoring basic web application that allows users to add/remove books from a list.

Built With

  • html
  • css
  • visual studio.NET

##Technologies used: -Linters, -Git -Github

Getting Started

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

Navigate to a folder where you want the cloned file to appear

Clone this repo in your terminal or git bash using the command

https://github.com/jaamanu/AWESOME-BOOKLIST-ES6 run npm install to install all the necessary dependencies including the linters

Navigate to the folder called AWESOME-BOOKLIST-ES6 and open this project using your editor

Prerequisites

Run tests These were linter tests mainly For css, run npx hint . Html, run npx stylelint "*/.{css,scss}" Javascript npx eslint . Deployment

Setup

copy the url to your local [https://github.com/jaamanu/AWESOME-BOOKLIST-ES6]

Live Demo

Live Demo

JAMES ASIBEY MANU

-GitHub:https://github.com/jaamanu -Twitter:(https://twitter.com/JamesAsibeyManu) -LinkedIn:(https://www.linkedin.com/in/jamesasibeymanu)

Faranosh Amini

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

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

Acknowledgments

  • Microverse Reviewers and support team ยง

๐Ÿ“ License

This project is MIT licensed.

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

awesome-booklist-es6's People

Contributors

jaamanu avatar

Stargazers

 avatar Zermarden avatar

Watchers

 avatar

awesome-booklist-es6's Issues

Morning Session Peer-to-peer code review

Hi @jaamanu ๐Ÿ‘‹

Great job you have done so far ๐Ÿ˜Ž๐Ÿ‘๐Ÿ‘.

However, there are some issues that you still need to work on, so on behalf of my morning session teammates please follow the coming comments and suggestions below that could help your project stand out and make it to the next level ๐Ÿš€๐Ÿš€๐Ÿš€.

Highlights โœจ

  • ES6 Syntax is well used โœ…
  • Used HTML, CSS, javascript Best practices โœ….

Suggested Changes โ™ป

1. Project UI

  • When the document is loaded or reloaded the first page the user should see is the book list page "aka section", but in your project case is showing the addNew page.

screenshot of your project.

image

  • So the goal here ๐ŸŽฏ, we need to hide the add new book section and show the List section, to achieve that kindly add a class with display: none property, so you can manipulate that so easily using Javascript, by adding that class to the section whenever you navigate to other sections, and remove that class whenever you navigate to the same section.

2. README file

A well-documented README Will help your repository shine very easily, and project documentation really needs that ๐Ÿฑโ€๐Ÿ.

  • Please follow this cheatsheets guide on how to write good documentation using the Markdown markup language, and then Update your README file.

Finally, if you have any questions or you need more explanation, please feel free to leave comments in this issue thread.

cheers and Happy coding ๐Ÿ‘๐Ÿ‘๐Ÿ‘.

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.