Giter Site home page Giter Site logo

cathelijnevisser / the-web-is-for-everyone-interactive-functionality Goto Github PK

View Code? Open in Web Editor NEW

This project forked from fdnd-task/the-web-is-for-everyone-interactive-functionality

0.0 0.0 0.0 1.89 MB

Ontwerp en maak voor een opdrachtgever een interactieve toepassing die voor iedereen toegankelijk is

Home Page: https://blue-green-clam-hem.cyclic.app/book

License: MIT License

CSS 20.60% JavaScript 25.27% EJS 54.14%

the-web-is-for-everyone-interactive-functionality's People

the-web-is-for-everyone-interactive-functionality's Issues

Knoppen

Misschien een leuke hover over de knoppen

DRY

Deze code in server.js lijkt nogal op elkaar; misschien is het mogelijk om DRY hier verder op toe te passen

app.get('/', (request, response) => {
    let urlSmartzones = `${process.env.API_URL}/smartzones`
  fetchJson(urlSmartzones).then((smartzones) => {
    let id = request.query.id || 'clene4gw60aqg0bunwwpawr1p'
    let url = `${process.env.API_URL}/reservations?id=${id}`
    fetchJson(url).then((reservations) => {
      let data = {smartzones: smartzones, reservations: reservations} 
      response.render('index', data)
    })
  })
})


app.get('/book', (request, response) => {
  let urlSmartzones = `${process.env.API_URL}/smartzones`
  fetchJson(urlSmartzones).then((smartzones) => {
    let id = request.query.id || 'clene4gw60aqg0bunwwpawr1p'
    let url = `${process.env.API_URL}/reservations?id=${id}`
    fetchJson(url).then((reservations) => {
      let data = {smartzones: smartzones, reservations: reservations}
      response.render('book', data)
    })
  })
})

Zijn dit buttons of links?

<button class="book-now" style="--reserved-bg: #f6f6fc; --reserved-c: #6a6b7b;">Book
now</button>
<% } else { %>
<button class="book-now">Book now</button>
<% } %>
<button>Book later</button>
<button class="info-button" title="meer informatie">
<svg class="info-svg" xmlns="http://www.w3.org/2000/svg" width="21"
height="21" viewBox="0 0 21 21" fill="none">
<path
d="M8.91667 8.60671L8.97437 8.57616C9.15484 8.47829 9.35737 8.43861 9.55797 8.46181C9.75858 8.48502 9.94885 8.57014 10.1063 8.7071C10.2637 8.84406 10.3816 9.02711 10.4462 9.23459C10.5107 9.44207 10.5191 9.66528 10.4704 9.87779L9.474 14.2104C9.42494 14.4231 9.4331 14.6465 9.49749 14.8542C9.56189 15.062 9.67982 15.2453 9.8373 15.3825C9.99479 15.5196 10.1852 15.6049 10.386 15.6282C10.5868 15.6514 10.7895 15.6116 10.9701 15.5136L11.0278 15.4815M9.97222 5.60672H9.98348V5.61894H9.97222V5.60672ZM20 10.5C20 11.7476 19.7543 12.9829 19.2769 14.1355C18.7994 15.2881 18.0997 16.3354 17.2175 17.2175C16.3354 18.0997 15.2881 18.7994 14.1355 19.2769C12.9829 19.7543 11.7476 20 10.5 20C9.25244 20 8.0171 19.7543 6.86451 19.2769C5.71191 18.7994 4.66464 18.0997 3.78249 17.2175C2.90033 16.3354 2.20056 15.2881 1.72314 14.1355C1.24572 12.9829 1 11.7476 1 10.5C1 7.98045 2.00089 5.56407 3.78249 3.78249C5.56408 2.0009 7.98044 1 10.5 1C13.0196 1 15.4359 2.0009 17.2175 3.78249C18.9991 5.56407 20 7.98045 20 10.5Z"
stroke="black" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</button>

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.