Giter VIP home page Giter VIP logo

dating-app-feature's Introduction

Dating-app-feature

Dit project gaat over een dating feature. Wanneer ik inlog en op zoek ben naar een match, wil ik zoeken op interesses, zodat ik kan zien wie een mogelijk match is

Schermafbeelding 2020-06-04 om 21 05 26

Features

Op dit moment:

  • Profiel aanmaken en gelijk inloggen
  • User disliken
  • Zoeken naar interesse in een zoekbalk
  • Profiel editen, updaten en deleten

NPM

Depencies:

  • body-parser: om lokale data uit formulieren te halen
  • dotenv: een bestand om gevoelige data op te slaan
  • ejs: een template engine om HTML pagina's dynamisch te maken
  • express: een webframe om route te creeëren en opvangen
  • express-session: om gebruikers verschillende acties te laten doen
  • mongodb: een database te verbinden met de server
  • multer: om bestanden te kunnen uploaden bij een form

Developer depencies:

  • nodemon: om de server automatisch opnieuw te laten laden, wanneer er een aanpassing plaatsvindt

Install guide

Clone repo

Clone de repo in de command: git clone https://github.com/wailingnaomi/dating-app-feature.git

Go to project

De dating feature staat in het mapje twohearts, ga hier naar toe: cd twohearts

Install packages

Installeer de npm packages, zodat u dit project kan gebruiken: npm install

Start the server

Start de server: npm start

dating-app-feature's People

Contributors

wailingnaomi avatar rijkvanzanten avatar

Watchers

 avatar

dating-app-feature's Issues

Feedback Week 3

Feedback Assignments

  • job story
  • research bestaande dating apps / sites
  • designs (style guide, wireframes)
  • (statische) site voor je job story

Job Story

Je job story is gedefinieerd vanuit het oog punt van de gebruiker en kan zowel een frontend als backend element bevatten. In die zin is hij zeker geslaagd. Alleen het laatste resultaat / outcome deel kan denk ik iets sterker, bijvoorbeeld iets als: "Wanneer ik op zoek ben naar potentiële partner, wil ik zien wat voor interesses die persoon heeft, zodat ik weet of we goed bij elkaar passen en iets hebben om over te praten." Ik zie namelijk zelf niet echt hoe het hebben van gemeenschappelijke interesses het zoeken naar een potentiële partner namelijk per se makkelijker maakt.

Research Dating Apps

Je dating app / site onderzoek ziet er opzich netjes uit, maar had per site / app wel iets uitgebreider gemogen. Ook was het wel netjes geweest om de datum van raadpleging en de originele auteur toe te voegen aan de bronvermelding. Zeker aangezien je je eigen onderzoek (naar het lijkt) volledig hebt gebaseerd op dit ene artikel. Een pluspunt is wel dat je voor elke app / site een pro / con sectie hebt toegevoegd.

Designs

Er is een style guide aanwezig, maar wireframes en / of schetsen ontbreken helaas in je wiki. Dit is met name voor jezelf wel handig om te hebben, omdat het je triggered om bewust na te denken over hoe je je job story gaat visualiseren en welke verschillende mogelijkheden je hebt daartoe. Verder kan het je meer inzicht geven in hoe een gebruiker jouw feature gaat gebruiken en hoe je de gebruikerservaring daarop kan afstemmen. Al dit soort dingen zijn lastiger om te doen als je meteen begint met de implementatie in HTML en CSS (tenzij je dit al helemaal compleet voor je ziet in gedachten natuurlijk).

(Statische) site

Ik kon niet zo snel een (statische) site gehost op GitHub Pages (of ander platform) vinden. Dit was wel handig geweest om iets te kunnen zeggen over je voortgang op dit gebied. Daarom heb ik maar even je repository gedownload en de aanwezige index.html file lokaal geopend. De HTML en CSS die er momenteel is voor je feature is nog vrij basic en kaal. Je logo vind ik wel mooi trouwens, maar je hebt nog wel wat te doen wat betreft het vormgeven van je feature. Ook moet je je afvragen of de huidige manier waarop je de potentiële matches nu weergeeft (1 per row onder elkaar) echt helemaal responsive friendly is. Als je op mobile zit is dit wel "the way to go", maar als je een groter scherm tot je beschikking hebt (desktop, tablet) dan is het wellicht intuïtiever om meerdere resultaten per row te tonen. Denk dus nog even goed na over welke grid layout je wilt gaan gebruiken.

Conclusie

Volgens mij heb je voor jezelf wel een goed idee van wat je precies wilt qua feature. Nu wordt het ook zaak om die netjes te gaan uitwerken en daar heb je nog wel wat werk aan. Daar is nu ook nog de tijd voor, dus gebruik dat in je voordeel. Verder zie ik dat je niks in je .gitignore file hebt staan met als resultaat dat je nu op 2 plekken in je repository een node_modules folder hebt staan. Het is gebruikelijk om die niet in je repository te plaatsten (onder andere omdat die veel onnodige space in beslag nemen). Ook is het gebruikelijk om daar .DS_Store files aan toe te voegen. Dit zijn macOS specifieke files die in principe geen kwaad kunnen om in je repository te hebben, maar het is best practice om ze daar uit te houden, aangezien ze met betrekking tot je code totaal overbodig zijn.

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.