Bible Quotes:book:

Bibelquote is a responsive website which offers the verses of the book of romans. This website is for christians who want to know the word of God and want to get closer to God.

Table of Contents

• Table of Contents

• Bible Quotes

• Technologies used

• Installation

• Wishlist

• Demo

• License

• Environments

• Resources

Technologies used

• Html
• Css
• Javascript
• Api- Book of Romans

Installation

Step 1

Clone the repository via the terminal with this line of code:

  git clone https://github.com/Whtneyas/web-app-from-scratch-2223.git

Step 2

Type in your terminal npm i to install all neccessary dependencies;

  npm i 

Step 3

Open your application via the index.html file or through the local host that is

  http://localhost:5173/

Lessons

• How to fetch an api
• How to create modules
• How to render pages using has routing
• Implementation of UI stack ( Zero, partial, ideal, erroand empty states)

Demo

Here you can find a live demo of my application : https://whtneyas.github.io/web-app-from-scratch-2223/Bijbelversus/

License

This project is licensed under the MIT license

Wishlist

• Hash routing
• Responsive design
• Filtering
• Loading state
• Zero State
• Error state
• [X ] Ideal sate
• Write Wiki
• Clean code
• Fetch and displaying data from an api
• Activity diagram
• ReadMe

Resources

• https://openai.com/blog/chatgpt
• https://cmda-minor-web.github.io/kickoff-2021/eerste-hulp-bij-het-gebruik-van-apis.pdf
• https://whois.fdnd.nl/docs
• https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Fetching_data
• https://www.youtube.com/watch?v=8aGhZQkoFbQ
• https://github.com/getify/You-Dont-Know-JS/blob/1st-ed/async%20&%20performance/README.md#you-dont-know-js-async--performance
• http://projects.jga.me/routie/
• https://developer.mozilla.org/en-US/docs/Web/API/Window/hashchange_event
• https://dev.to/aminnairi/a-router-without-a-web-server-in-vanilla-javascript-3bmg