/awesome-books-ES6

This is a basic website that allows users to add/remove books from a list (javaScript-ES6)

Primary LanguageJavaScriptMIT LicenseMIT

Awesome Books ES6

image

Awesome Books

📗 Table of Contents

📖 Awesome Books

This is a project meant to display skills of the use of JavaScript ES6 and modules

Awesome Books is built as part of the 12-month Microverse Full-Stack Web Development Program. The mobile project was first applied in this project, followed by the desktop one.

(back to top)

🛠 Built With

Tech Stack

This capstone project is built and configured using the following tools:

Languages
Development Applications
Git / GitHub
Web Configuration Applications

Key Features

The three key features used in my XXX project include:

(back to top)

💻 Getting Started

The project that you are going to build is based on an online website for a fictitious non-existent media streaming conference. This repo provides some of the design guidelines for you to create the website. It is very important that when you personalize your project, it must have something unique in your portfolio to share with potential employers during the job searching process.

To get a local copy of this project up and running, follow these steps.

Prerequisites

In order to run this project you need:

  • To have Visual Studio Code (VSC) ready while loading the project.
  • To have a preferable web browser ready while viewing the project. Microsoft Edge and Google Chrome (their latest version) are considerd the best web browsers for viewing.
  • GitHub Desktop also be used as an option, but VSC is recommended code editor because of their git capability, as well as configuring the Web Linters (Lighthouse/Stylelint/Webhint/ES Lint).

Also, these basic requirements are needed in order to fully understand how the project fully works from the start:

  • Should have a basic knowledge of HTML, CSS, and JS (JavaScript).
  • Also, it is recommended to have a basic knowledge on how Git and GitHub works.

Setup

Before starting with the project, follow these instructions:

Clone this repository to your desired folder:

Install this project with Visual Studio Code:

  • On the Visual Studio Code welcome page, select "Clone Git Repository" and click.
  • Paste the copied repo into the textbox and click "Clone from GitHub" on the top.
  • Choose which folder where you are going to save the cloned GitHub Repository into your local PC.
  • Wait for the setup to be complete until it downloads all the content entirely from the GitHub server.

Run tests

To run the project through the web browser, follow these instructions:

  • Press "Go Live" on the bottom of the visual Studio Code.
  • The program will open on the browser of your choice, such as Microsoft Edge, Google Chrome, Mozilla Firefox, Opera or Brave.
  • However, the project will load on Microsoft Edge by default. If you wish to view the project on a different browser, copy this (http://127.0.0.1:5500/) address on the Edge browser and past it to your web browser of your choice.
  • If you want to view the project on smartphone mode, right click your mouse and select "Inspect". Once it is opened, you can view the website in mobile mode, the default size of a mobile version is set at 375x768 while desktop format is at 1024x768.

Deployment

You can deploy this project using GitHub Pages, it is free and easy to apply in your project without difficulties.

(back to top)

👥 Authors

👤 Arnold Nekemiah Ikonde*

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a star⭐️ or a thumbs up 👍 if you like this project! You can visit my GitHub profile for more of my projects.

(back to top)

🙏 Acknowledgments

(back to top)

📝 License

This project is MIT licensed.

(back to top)

🖼️ Project Gallery

(back to top)