Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ltossian/passer
Passer est une plateforme de génération et stockage de mots de passe. https://ltossian.github.io/passer/
https://github.com/ltossian/passer
Last synced: 27 days ago
JSON representation
Passer est une plateforme de génération et stockage de mots de passe. https://ltossian.github.io/passer/
- Host: GitHub
- URL: https://github.com/ltossian/passer
- Owner: LTOssian
- Created: 2024-02-18T10:24:37.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-02-21T21:53:36.000Z (9 months ago)
- Last Synced: 2024-02-21T22:33:50.343Z (9 months ago)
- Language: TypeScript
- Homepage:
- Size: 927 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Passer
## Contexte
Passer est un projet réalisé dans le cadre du cours de Développement FrontEnd TypeScript à HETIC. La consigne est de réaliser une application web performant des actions de CRUD en respesctant une liste de contraintes.
## Installation
### Avec Docker (recommandé)
```bash
git clone
make up-prod # ou make up-dev
```
Consultez en local les versions:
- de production sur le port **:8080**
- de dévelopement sur le port **:5173**
### Sans Docker
```bash
git clone
cd ./ce-repo/app
npm install
npm run dev
```
## Contraintes techniques et de notations
1. L'application web est **responsive et entièrement naviguable au clavier** dans le respect des contraintes d'accessibilité.
2. Grâce à une réflexion en amont sur le design, j'ai pu réaliser une UI soignée, agréable et accessible.
3. L'experience utilisateur a été également été prise en compte; les préferences de l'utilisateur sont enregistrées et réinjectées pour son usage unique à chaque visite.
4. Le typage des élèments avec **TypeScript** et la documentation des méthodes avec **JSDocs** rend l'application robuste et maintenable.
5. La gestion d'état est gérer via la **création d'un Hook et d'une instance customisée de l'API Context** de React me permettant de communiquer efficacement avec le localStorage.
6. L'architecture de mon dossier a été pensé pour séparer les responsabilités des fichiers.
## Resources
- [L'inspiration pour le Context LocalStorage](https://gist.github.com/jimode/c1d2d4c1ab33ba1b7be8be8c50d64555)