Skip to content

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.

License

Notifications You must be signed in to change notification settings

katarighe/awesome-books

Repository files navigation

Awesome Books

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.

(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

💻 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

👤 Mohamed Aden Ighe

👤 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

Book List Section image

Add Books Section image

Contact Info Section image

(back to top)

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published