Git Product home page Git Product logo

quadratik-express's Introduction

Ce projet a été construit avec Create React App (frontend) et Express (backend) .

Quadratik express

Démarrage de l'application :

Express

PORT=3005 npm start

Framework minimaliste pour Node.js

npm install express --save

Lancement du fichier app.js.

Developpement : http://localhost:3005

Production : 3005 http://localhost:3005

React

npm start

En developpement, l'application s'execute sur le port 3000.

npm run build

Les fichiers compilés et minifiés grace à Webpack (CRA) sont placés dans le dossier build pour le transfert vers le serveur de production.

NPM

npm update --save

Scripts supplémentaires :

npm run [...]

    "start": "node ./bin/www", 
    "zipit": "tar -zcvf quadra.tar.gz -X exclude_list.txt .",
    "lint": "node --max_old_space_size=4096 ./node_modules/eslint/bin/eslint.js .",
    "ssl": "python -m sslyze --regular www.quadratik.fr",
    "snyk-protect": "snyk protect",
    "prepare": "npm run snyk-protect",
    "test": "snyk test"

Mise à jour des packages installés via le gestionnaire de packets officiel de Node.js.

Create React App

npm init react-app quadratik-express

Permets la création d'une API React avec une configuration basique utilisant Webpack (compilation) et Babel (convertion Ecmascript 6 vers ES5 pour la ocmpatibilité des navigateurs).

ESlint

npm install eslint --save-dev

Javascript linter utilisé en local avec le fichier de configuration JSON eslintrc.js (eslint --init)

CLI : eslint file.js eslint dir/

Winston Logger

const winston = require('winston')

Deux fichiers de log sont créés : combined.log (ensemble des logs) et error.log (erreurs seulement).

Configuration selon les deux environnements sur log/logger.js.

##PM2

pm2 start ecosystem.config.js

Gestionnaire d'application (process manager) écrit entièrement en Node.js. Fichier de configuration permettant de gerer plusieurs applications ainsi que les variables d'environnement.

Snyk

snyk wizard

Complémentaire de npm audit Permets la detection open source des vulnérabilités des packages installés en scannant les fichiers package.json (express et react). Intégration dans Github. Rapporte les vulnérabilités selon 3 niveaux.

Le fichier snyk policy .snyk permets d'enregistrer les diférentes règles (upgrade,patch or ignore) validées pour chaques dépendances.

Github

git init

Hebergement web de l'api en lien avec le gestionnaire de version Git linux.

git commit -m "up"
git push origin master

Le fichier .gitignore exclut les fichiers/dossiers.

#PostgresQL

Moteur de base de donnée relationelle open source.

quadratik-express's People

Contributors

franckapik avatar

Watchers

James Cloos 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.