Giter Club home page Giter Club logo

727-tracker's Introduction

727-Track

727-track est une application web qui sert à effectuer de la gestion de projet en équipe. Elle a été conçue dans le cadre du cours Applications Web Transactionnelles, un cours de 4e session enseigné par Jean-François Brodeur au cégep de Bois-de-Boulogne.

Table des matières

Éléments nécessaires

Avant d'installer notre application web, quelques éléments doivent être présent sur votre machine. Vous devez avoir installé:

Installation

1. Clonage du répertoire GitHub

Créez un répertoire sur votre machine. Donnez à votre répertoire un nom significatif et concis. Utilisez ensuite l'outil Git Bash sur le fichier que vous avez créé.

Copiez la commande suivante dans votre terminal:

git clone https://github.com/BdeB-2CW/h2023---4gw-gr2---travail-pratique-727-apps

Vérifiez que le clonage s'est bien passée en regardant à l'intérieur de votre répertoire. S'il y a un autre répertoire nommé "h2023---4gw-gr2---travail-pratique-727-apps", vous êtes sur la bonne voie! Sinon, recommencez cette étape en vous assurant que votre répertoire soit vide avant que la commande soit copiée.

2. Installation de la base de données sur Docker

Ouvrez un terminal de commande (il est recommendé pour cette étape de ne pas utiliser Git Bash).

Copiez la commande suivante dans votre terminal:

docker run -d -p 3306:3306 --name mysql-server -e MYSQL_ROOT_PASSWORD=oracle -e MYSQL_DATABASE=scott -e MYSQL_USER=scott -e MYSQL_PASSWORD=oracle mysql/mysql-server:latest

Vérifiez que l'installation s'est bien passée copiant la commande suivante dans votre terminal une fois l'installation complétée:

docker container ls

Vous devriez voir "mysql/mysql-server:latest" sous l'étiquette "NAMES".

3. Configuration de la base de données

Avant de configurer la base de données, assurez vous que votre conteneur (ce que vous venez d'installer) soit démarré. Pour le démarrer, il y a deux méthodes:


a) En utilisant Docker Desktop

Ouvrez Docker Desktop. Cliquez le triangle sur le conteneur avec la base de données (voir image).

b) En utilisant le terminal

Utilisez le terminal que vous avez utilisez à l'étape 2.

Copiez la commande suivante dans votre terminal:

docker start mysql-server

Choisissez entre l'une des deux options (inutile de faire les deux).

Copiez ensuite la commande suivante dans votre terminal (si vous utilisez une machine Linux, ajoutez "sudo" devant la commande avec un espace):

docker exec -it mysql-server bash

Copiez ensuite la commande suivante dans le nouvel invite de commande (quand vous serez demandé un mot de passe, tapez "oracle"):

mysql -u root -p

Copiez les commandes suivantes dans votre nouvel invite de commande une à la fois.

CREATE DATABASE mybd;
ALTER USER 'scott'@'%' IDENTIFIED WITH mysql_native_password BY 'oracle';
GRANT ALL PRIVILEGES ON *.* TO scott@'%';
FLUSH PRIVILEGES;

Votre base de données est maintenant configurée!

4. Peuplement de la base de données

Afin de peupler la base de données, nous devons modifier notre conteneur afin qu'il ait accès à certains fichiers. Dans Docker Desktop, cliquez sur le nom du conteneur ayant la base de données et cliquez sur l'onglet "Files" (parmi les nouvelles options qui vous sont offertes).

Sur votre machine, allez dans le répertoire où se trouve l'application et glissez le répertoire "mysql-script" dans la fenêtre de Docker Desktop (voir image).

Assurez vous que le dossier "mysql-script" soit installé à la racine de votre conteneur.

De retour sur l'invite de commande, copiez les commandse suivantes une à la fois:

use mybd;
source /mysql-scripts/dbscripts.bash

Vérifiez que tout s'est bien passé en tapant la commande suivante:

SELECT * FROM users;

Vous devriez voir une seule rangée avec un utilisateur nommé "bontp727".

Et voilà! L'installation devrait être complétée!

Démarrage

Ouvrez un terminal sur le répertoire créé dans la première étape la section Installation.

Tapez les commandes suivantes une à la fois:

cd .\h2023---4gw-gr2---travail-pratique-727-apps\727-track-vite\
npm i
npm i --dev ts-node
npm run dev

Cliquez le lien que le terminal vous donne afin de consulter l'application


Si vous avez des questions ou des problèmes, contactez-nous à '[email protected]' (teams/mio ça marche aussi lol toi même tu sais non mais tu imagines un peu la situation dans laquelle nous nous serions mit si cela aurait été la réalité oh lala on ne serait pas où nous mettre dit donc)

727-tracker's People

Contributors

aloothealoo avatar

Watchers

 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.