Magnet Match is de naam van mijn feature. Het onderdeel 'magnet' komt van magneet af, en dat staat voor de natuurlijke aantrekking. Magneten met verschillende polen trekken normaal elkaar af, maar met deze feature worden gebruiker uitgedaagd om de diepgang op te zoeken met mensen die juist dezelfde interesses.
Met deze app kiezen mensen hun eigen interesses. Wat houdt ze bezig op een werkdag, en wat op een vrije dag? Er worden categorieën aangeboden aan de gebruiker, en die kan er een aantal uitkiezen. Op basis van deze resultaten krijgt de gebruiker een lijst met mensen die óók deze interesse delen.
De gebruiker kan zelf kiezen om deze persoon te contacteren via een ander communicatiekanaal, en het zorgt ervoor dat de gebruikers hun interesse kunnen uitbreiden. Want niemand weet alles over een bepaald onderwerp waar diegene geïnteresseerd in is en met deze app word heel veel kennis gedeeld.
Het project zorgt voor het samenbrengen van mensen met gedeelde interesses. Deze mensen komen samen via een server die geschreven is met Express, en aangestuurd wordt met behulp van node en npm. Ook nog vele andere dependencies komen hier bij aan te pas, en preprocessors, linters om het coderen efficienter te maken.
De feature laat de gebruiker inloggen met een gebruikersnaam. Op deze naam worden de gegevens opgeslagen, en op basis daarvan krijgt de gebruiker een lijst met andere gebruikers die dezelfde interesses hebben als de ingelogde gebruiker. Dan kan de gebruiker contact opnemen met deze persoon om te praten over de interesse.
Clone deze repository door dit in te typen in de Terminal of commandprompt in de map (cd) waar je zelf het project wilt opslaan.
git clone https://github.com/mandemt/techblok.git
Om de laatste versie van alle modules te krijgen voor dit project, doe je
npm install
Dit kan even duren
Om de server te starten gebruik je het commando
npm start
De console zal dan vertellen op welke port de server gehost wordt, en als je dit intypt in de browser (localhost:port), zal je de index.html zien van het project. Nu kan je de feature zelf uittesten. De standaard route is localhost:4000
Amazon Web Services (AWS) - Cloud Computing Services. (z.d.). Amazon Web Services, Inc. Geraadpleegd op 9 maart 2021, van https://aws.amazon.com/
Cloud Application Platform | Heroku. (z.d.). heroku.com. Geraadpleegd op 7 maart 2021, van https://www.heroku.com/
freeCodeCamp.org. (2018, 7 november). What is Progressive Enhancement, and why it matters. https://www.freecodecamp.org/news/what-is-progressive-enhancement-and-why-it-matters-e80c7aaf834a/
Git - Installing Git. (z.d.). Git. Geraadpleegd op 20 februari 2021, van https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
Matuzovic, M. (2020, 28 april). The beauty of progressive enhancement. matuzo. https://www.matuzo.at/blog/beauty-of-progressive-enhancement/
MongoDB. (z.d.). The most popular database for modern apps. Geraadpleegd op 9 maart 2021, van https://www.mongodb.com/
N. (z.d.). Download. Node.js. Geraadpleegd op 22 februari 2021, van https://nodejs.org/en/download/
This Person Does Not Exist. (z.d.). thispersondoesnotexit. Geraadpleegd op 6 maart 2021, van https://thispersondoesnotexist.com/
Tse, T. (2017, 15 februari). What is Progressive Enhancement and Why Should You Care? Shopify. https://www.shopify.com/partners/blog/what-is-progressive-enhancement-and-why-should-you-care?utm_source=Medium&utm_campaign=Third%20Party%20Publications&utm_medium=BL&utm_content=What%20is%20progressive%20enhancement%20and%20why%20should%20you%20care%3F
Use a local image in Pug 2.0.3. (2018, 19 juli). Stack Overflow. https://stackoverflow.com/questions/51413546/use-a-local-image-in-pug-2-0-3