awesome-books

This project is a basic web application that allows users to add books to a list. The list of books is stored locally on the user's computer. The application was built using plain JavaScript, HTML, and CSS.

MIT License

Stars
4

Awesome Books

πŸ“— Table of Contents

πŸ“– Awesome Books

This is the first JS Project of Microverse. It is represented under Module 2 "JavaScript and Networking".

This project is a basic website that allows users to add books from the list. The books list is stored locally on the computer. Project done using plain JavaScript, alongside HTML & CSS.

πŸ›  Built With

Tech Stack

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

πŸ’» 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.

πŸ‘₯ Authors

πŸ‘€ Mohamed Aden Ighe

πŸ‘€ Arnold Nekemiah Ikonde

🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ 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.

πŸ™ Acknowledgments

πŸ“ License

This project is MIT licensed.

πŸ–ΌοΈ Project Gallery

Book List Section image

Add Books Section image

Contact Info Section image

Related Projects