Giter Site home page Giter Site logo

matefinder's Introduction

MateFinder

Commandes

  • Lancement du Front : yarn start:brunch
  • Lancement du Back : yarn start:node

matefinder's People

Contributors

pauooo avatar sumsun93 avatar fuzeklown avatar

Stargazers

 avatar  avatar

Watchers

 avatar

matefinder's Issues

Best Practice

Je vous conseil également ce lien qui vient réunir toutes les bonnes pratiques à adapter avec Node.js

Création du menu de navigation

  • Nom du connecté/profil (#22)
  • ne pas permettre de cliquer quand recherche en cours (avec message"pas maintenant" si clic)
  • afficher "recherche en cours" quand la recherche est en cours
  • annuler recherche
  • pouvoir accepter la recherche à partir de la nav quand elle a abouti

Authentification et système de token

  • prise en main du système de jeton JWT
  • lorsque state logged=> true création d'un jeton JWT
  • sign in : vérification des champs et loggedIn doit passer à True
  • hash le mot de passe à la création du compte

Wireframes

  • Landing
  • Login
  • signup
  • mot de passe
  • contenu
  • recherche
  • chat
  • profil

infos Back

  • chercher des infos sur MongoDB
  • import/export nodeJS ?

attaque du toast sans raison

quand on est sur le matchingform, si je ne fais pas de recherche au bout d'un moment j'ai un toast qui me dit que la recherche a échouée

Rendre la recherche plus visible

pour que l'utilisateur se rende compte que la recherche est en cours, mettre un spinner à gauche du texte "tu es actuellement dans la file"

Toast

styliser : plus gros, custum boutons

Modèle de données

Comme la basse de données choisi est MongoDB, créer un diagramme de classe

Contenu

  • affichage streaming grâce à l'API twitch
  • recherche d'API pour les news
  • affichage news grâce à une API

Token

  • token in localstorage
  • si le user possède un token dans son localstorage alors il n'a pas besoin de se connecter de nouveau => quand intervient la vérification ?

Intégration

  • input on focus border jaune
  • contenu => revoir style qui a été cassé
  • textes décoratifs à supprimer une fois loggedIn
  • messages d'erreurs toujours affichés si passage de s'enregistrer à se connecter
  • taille des inputs
  • affichage des textes sur la landing avec transition http://www.justinaguilar.com/animations/index.html#
  • font dans matching
  • typo mentions légales + contact
  • responsive : virer les messages si en dessous d'un brreackpoint,
  • faire le titre en typo + svg https://www.dafont.com/maiden-crimes.font
  • footer

Prise en main Back

  • Prise en main de Mongo DB et Mongoose
  • Prise en main Node.JS
  • Prise en main Express.JS et socket.io

Pratique Back

  • Mongo DB et Mongoose
  • Node.JS
  • Express.JS et socket.io

confirmation de création de compte

quand la création du compte du user a été faite correctement, renvoyer l'utilisateur connectésur une confirmation de création de compte

  • Vue "premier jet" validation de la création de compte

Création de compte/identification

  • Mise en place de l'architecture de base : react-dedux-router
  • Création de la BD à partir de https://raw.githubusercontent.com/Pauooo/MateFinder/master/docs/DiagrammeClasse.svg?sanitize=true
  • Vue "premier jet" création de compte avec formulaire
  • Vue "premier jet" identification avec formulaire
  • Vue "premier jet" réinitialisation du mot de passe
  • Contacter H_D_G pour savoir comment ils ont fait dans leur projet pour l'identification
  • enregistrement du nouveau user en BDD grâce à socket.io
  • vérification mdp = confirmation de mdp et pas d'espaces avant enregistrement en BDD (dans component)

Fonctionnalité Matching

Matching :

  • Mise en place de l'architecture de base : react-dedux-router
  • Vue de recherche avec formulaire
  • Vue de recherche en cours
  • notif matching reussi/echec
  • Création de la BD
  • Création de la room au match start
  • ajouter l'user a sa propre room
  • add l'user a une room si critères
  • Ajout du bouton annuler
  • Timer minimal avant de faire matcher l'user
  • Timer max de recherche

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.