Code Monkey home page Code Monkey logo

grimonprezalexis_13_14062021's Introduction

A propos

Projet 13 - Utilisez une API pour un compte utilisateur bancaire avec React

  • Remede Agency : Spécialisée dans le développement d'application web
  • Projet : Nouvelle banque Argent Bank

Fonction

  • Développeur web

✅ ❌

Details du projet

Argent Bank essai de percer dans le secteur et a besoin d'aide pour mettre en place son application web React pour le nouveau système d'authentification des utilisateurs.

Objectif

  • Phase 1 : Authentification et gestions des utilisateurs via une application web
  • Phase 2 : Transactions / Spécifications de endpoints d'API pour une deuxime mission

Ressource

Contraintes techniques

  • Créer une application web responsive avec React
  • Utiliser Redux pour gérer le state de l'ensemble de l'app
  • Code Robuste / Lisible
  • Version moderne (ES6 ou supérieure) de JavaScript
  • Validation W3C sans erreur

Livrable

  • Le lien du repository Github

  • Le code React du projet

  • Contact / Avery Moreau VP Engineering Argent Bank

Phase 1

  • L'utilisateur peut visiter la page d'accueil ✅
  • L'utilisateur peut se connecter / déconnecter au sytème ✅
  • L'utilisateur ne peut voir les informations relatives à son propre profil qu'après s'être connecté avec succès ✅
  • L'utilisateur peut modifier le profil et conserver les données dans la base de données ✅

Phase 2

  • L'utilisateur peut visualiser toutes leurs transactions pour le mois en cours
  • L'utilisateur peut visualiser les détails d'une transaction d'une autre vue
  • L'utilisateur peut ajouter, modifier, supprimer des informations sur une transaction

Spécification décrivant les API pour les transactions selon directives de swagger YAML

  • La metode HTTP (ex: GET, POST, etc..)
  • La route (ex: /store/inventory)
  • La description de ce à quoi correspond l'endpoint (ex: Retour de l'inventaire des animaux de compagnie)
  • Les paramètres possibles pour tenir compte des différents scénarios
  • Les différentes réponses avec les codes de réponse correspondants qui ont un sens pour cet endpoint (ex: 404 : réponse d'erreur d'article inconnu)

Technlogies

HTML, CSS, SASS, Javascript, Jquery, NodeJS, React, Github, Heroku, API, Swagger

Hébergement

Heroku #Projet 13 - Argent Bank

React Express Starter Pack

full stack apps with React and Express. Run your client and server with a single command. React, Redux, API, SCSS, Heroku, starter

Quick Start

# Install dependencies for server
npm install

# Install dependencies for client
npm run client-install

# Run the client & server with concurrently
npm run dev

# Run the Express server only
npm run server

# Run the React client only
npm run client

# Server runs on http://localhost:5000 and client on http://localhost:3000

Author

Alexis GRIMONPREZ

Version

1.0.0

grimonprezalexis_13_14062021's People

Watchers

 avatar  avatar

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.