Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/code9g/billed

Projet 9 de la formation "Développeur JavaScript / React" de OpenClassRooms
https://github.com/code9g/billed

babel css3 express git html javascript jest

Last synced: 26 days ago
JSON representation

Projet 9 de la formation "Développeur JavaScript / React" de OpenClassRooms

Awesome Lists containing this project

README 

        
# Billed



![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)

![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

![Express](https://img.shields.io/badge/Express.js-404D59?style=for-the-badge)

![Babel](https://img.shields.io/badge/babel-f5da55?style=for-the-badge)

![Jest](https://img.shields.io/badge/Jest-323330?style=for-the-badge&logo=Jest&logoColor=white)



Projet 9 du parcours "**Développeur d'application - JavaScript React**" chez [OpenClassroom](https://openclassrooms.com/fr/).



Débuggez et testez un SaaS RH



![Billed admin](./images/admin.png)



## Description



Vous êtes développeur front-end chez Billed, une entreprise qui produit des solutions Saas destinées aux équipes de ressources humaine.



## Utilisez une version de node compatible



Si vous utilisez une version récente de node sur votre ordinateur, il se peut qu'il y ai des erreurs lors de l'installation de certaines dépendances. Pour cela il est important de vous assurer que vous ayez une version de node compatible par exemple node v16 ou v18.



Voici quelques indications pour gérer les version de node sur votre ordinateur par le biais de Node Version Manager:



### Sur Windows



- Installer NVM pour Windows (https://github.com/coreybutler/nvm-windows/tags)

- Ouvrir Powershell en mode administrateur

- Entrer la commande `Set-ExecutionPolicy RemoteSigned` pour pouvoir gérer l’execution de scripts dans powershell

- Fermer toutes les instances de terminal

- Entrer la commande `npm install -g win-node-env` pour installer la gestion des variables d’environnement node pour window



### Sur Mac



- Installer NVM pour Mac (https://github.com/nvm-sh/nvm)



### Changer de version de Node.js



Pour changer de version de node.js, il vous suffit d'installer la version si cela n'a pas été fait :



```

nvm install 18.16.1

```



Puis d'effectuer le changement avec :



```

nvm use 18.16.1

```



Et si vous voulez vérifier la version en cours :



```

nvm current

```



ou



```

node --version

```



et pour revenir à la dernière version :



```

nvm use latest

```



ou la dernière version "stable" :



```

nvm use lts

```



## Mise en place de la partie back



Installez les dépendances :



```

cd back

npm install

```



Puis lancez le serveur :



```

npm run run:dev

```



## Mise en place de la partie front



Dans un nouveau terminal:



```

cd front

npm install

```



Si vous n'utilisez pas l'extension Live Server, vous pouvez installer live-server :



```

npm install -g live-server

```



et le lancer :



```

live-server

```



Sinon, Faites juste un "Go Live" (depuis la barre d'état) ou "Open with Live Server" (click droit) !



## Accès



### Administrateur



```

Utilisateur : [email protected]

Mot de passe : admin

```



### Employé



```

Utilisateur : [email protected]

Mot de passe : employee

```



[![Github Pages](https://img.shields.io/badge/github%20pages-121013?style=for-the-badge&logo=github&logoColor=white)](<[http://](https://github.com/code9g/)>)

[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/pierre-andre-henry/)