Marc Bakker blok tech repository
- Naam: Marc Bakker
- Studentnummer: 500880422
- Klas: Tech-3 (203)
- Email: [email protected]
- Titel: Individueel (feature)
- Vak: Blok Tech
- Docenten: Ivo Nijhuis, Robert Spier, Michael kern
Deze repository is waar ik (Marc Bakker) Senior Hobby Match samen ontwikkelen. Ik zal hier werken aan code en bugs. In de wiki van de repository zal ik het: Concept, Configuration, Server-side, Client-side en de Meta bijhouden. De source code is verkrijgbaar voor iedereen onder het standaard MIT-licentie.
Veel senioren hebben moeite met het maken van nieuwe vrienden, sommige lijden zelfs aan eenzaamheid. Daarom maak ik Senior Hobby Match, dit is een website voor senioren om andere personen te ontmoeten met hobby's. Doormiddel van deze website kunnen senioren zoeken naar hobbyisten, naar hun profiel kijken en hun een uitnodiging versturen om te ontmoeten.
Voor dit project zal ik alleen de uitnodiging feature uitwerken.
Dit project gebruikt een Contributer Covenant Code of Conduct. Voor informatie of vragen mail naar [email protected]
- HTML
- CSS
- JAVASCRIPT
- NODE.JS
- EXPRESS.JS
- EJS
- MONGODB
- BROWSER API: GEOLOCATION
- THIRD PARTY API: REVERSEGEOCODING van Geoapify
- Clone deze repository naar een gewenste lokale map op jouw computer.
- Bekijk de benodigde dependencies op de package-lock.json. Dependencies van 23-5-2023:
- "ejs": "^3.1.9",
- "express": "^4.18.2",
- "mongodb": "^5.4.0"
- Start de server in uw CLI met nodemon index.js
- Je kan de volgende pagina's gebruiken met deze URL's in jouw webbrowser:
- Uitnodiging pagina: http://localhost:3000/
- Berichten pagina: http://localhost:3000/berichten
- 404 pagina voor niet bestaande pagina's: http://localhost:3000/etc
- Met gebruikersnaam snel database formulier data bekijken http://localhost:3000/database/marc1234
Tot zo ver heb de de site op de volgende browser geprobeerd. Je moet alleen op jouw computer locatie aanzetten. En misschien ook per browser. Verder heb ik ook een prefixer over mijn CSS heen gegooid. Dit zorgt ervoor dat als sommige css features niet ondersteund zijn op bepaalde browsers, dat ze op een andere manier bijna het zelfde eruit zien.
- ✅ Chrome, werkt
- ✅ Safari, werkt
- ✅ Firefox, werkt
- ✅ Opera, werkt
Copyright (c) Marc Bakker. Alle rechten voorbehouden.
Gelicenseerd onder de MIT-licentie
- Senior Match: Mature Dating - Apps on Google Play. (z.d.). play.google.com. Geraadpleegd op 17 april 2023, van https://play.google.com/store/apps/details?id=com.successfulmatch.seniormatchdating&hl=en_US&pli=1
- Bumble - Daten & vrienden - Apps op Google Play. (z.d.). play.google.com. Geraadpleegd op 14 april 2023, van https://play.google.com/store/apps/details?id=com.bumble.app&hl=nl&gl=US
- Gilmartin, J. (2019). How to Design Your Website for Seniors, Boomers and the 50+ Audience. Coming of Age. https://www.comingofage.com/blog/design-your-website-for-seniors-and-boomers/
- Feiten en cijfers 2021. (z.d.). ouderenfonds.nl. Geraadpleegd op 24 april 2023, van https://ouderenfonds.nl/app/uploads/2022/05/Belangrijkste-resultaten-Jaarverslag-2021-Nationaal-Ouderenfonds-1.pdf
- Over ons. (z.d.). ouderenfonds.nl. Geraadpleegd op 24 april 2023, van https://ouderenfonds.nl/over-ons/
- Wikipedia contributors. (2022). MoSCoW method. Wikipedia. https://en.wikipedia.org/wiki/MoSCoW_method
- Behance. (z.d.). Geraadpleegd op 24 april 2023, van https://www.behance.net/search/projects?tracking_source=typeahead_search_direct
- Iconfinder. (z.d.). Free 7 img icons - Iconfinder. Iconfinder. Geraadpleegd op 24 april 2023, van https://www.iconfinder.com/search?q=img&price=free
- Fring, G. (2020, 22 juli). Gratis stockfoto van akkerland, bejaarde man, boerderij, boerenbedrijf, cultiveren, fabrieken, geven om, gewas, groeien, groen, groente, kerel, landbouw, percelen, schoffel, tuin, tuinieren, weelderig, werken. Pexels. https://www.pexels.com/nl-nl/foto/man-werken-landbouw-boerderij-4894614/
- Stack Overflow Developer Survey 2022. (z.d.). Stack Overflow. Geraadpleegd op 26 april 2023, van https://survey.stackoverflow.co/2022/#section-most-popular-technologies-integrated-development-environment
- Ryanmcdermott. (z.d.). GitHub - ryanmcdermott/clean-code-javascript: Clean Code concepts adapted for JavaScript. GitHub. Geraadpleegd op 15 mei 15AD, van https://github.com/ryanmcdermott/clean-code-javascript
- Microsoft teams. (z.d.). MS teams. Geraadpleegd op 20 april 2023, van https://teams.microsoft.com/
- YouTube. (z.d.). Geraadpleegd op 20 april 2023, van https://www.youtube.com/
- User, S. (z.d.). Herhaalrecept. Geraadpleegd op 20 april 2023, van https://www.praktijkmelbourne.nl/index.php/herhaalrecept
- Notifications API - Web APIs | MDN. (2023, 28 februari). Geraadpleegd op 11 mei 2023, van https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API
- Geolocation API - Web APIs | MDN. (2023, 20 februari). Geraadpleegd op 11 mei 2023, van https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API
- Eenzaamheid. (z.d.). De Staat van Volksgezondheid en Zorg. Geraadpleegd op 16 mei 2023, van https://www.staatvenz.nl/kerncijfers/eenzaamheid
- Centraal Bureau voor de Statistiek. (2022, 28 september). Vooral jongeren emotioneel eenzaam in 2021. Centraal Bureau voor de Statistiek. Geraadpleegd op 16 mei 2023, van https://www.cbs.nl/nl-nl/nieuws/2022/39/vooral-jongeren-emotioneel-eenzaam-in-2021
- Adobe color. (z.d.). color.adobe.com. Geraadpleegd op 24 april 2023, van https://color.adobe.com/
- Google Fonts. (z.d.). Google Fonts. Geraadpleegd op 24 april 2023, van https://fonts.google.com/
- Extended Syntax | Markdown Guide. (z.d.). Geraadpleegd op 16 mei 2023, van https://www.markdownguide.org/extended-syntax/
- Stanton, L. (2023). How to Open Settings.json in VS Code. Alphr. https://www.alphr.com/vs-code-how-to-open-settings-json/
- EJS -- Embedded JavaScript templates. (z.d.). Geraadpleegd op 12 mei 2023, van https://ejs.co/
- Place Autocomplete | Places API | Google for Developers. (z.d.). Google for Developers. Geraadpleegd op 18 mei 18AD, van https://developers.google.com/maps/documentation/places/web-service/autocomplete
- Geoapify GmbH. (2022, 22 december). Maps, APIs and components | Geoapify Location Platform. Geoapify. https://www.geoapify.com/
- Reverse Geocoding | Maps JavaScript API | Google for Developers. (z.d.). Google for Developers. Geraadpleegd op 19 mei 2023, van https://developers.google.com/maps/documentation/javascript/examples/geocoding-reverse
- Contributor Covenant: (z.d.). Geraadpleegd op 23 mei 2023, van https://www.contributor-covenant.org/version/1/0/0/code-of-conduct/
- Data Types — MongoDB Shell. (z.d.). Geraadpleegd op 30 mei 2023, van https://www.mongodb.com/docs/mongodb-shell/reference/data-types/
- Wikipedia contributors. (2023). Query string. Wikipedia. https://en.wikipedia.org/wiki/Query_string
- Route Parameters | Routing and Navigation | Vaadin Docs. (z.d.). Geraadpleegd op 30 mei 2023, van https://vaadin.com/docs/latest/routing/route-parameters
- Autoprefixer CSS online. (z.d.). Geraadpleegd op 31 mei 2023, van https://autoprefixer.github.io/