https://github.com/kornetas/password-generator
Nowoczesny generator haseł z oceną siły, kopiowaniem i eksportem – zbudowany w React + Vite.
https://github.com/kornetas/password-generator
frontend javascript learning password-generator project react security vite vitest
Last synced: about 2 months ago
JSON representation
Nowoczesny generator haseł z oceną siły, kopiowaniem i eksportem – zbudowany w React + Vite.
- Host: GitHub
- URL: https://github.com/kornetas/password-generator
- Owner: Kornetas
- Created: 2025-05-17T14:36:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-17T14:48:28.000Z (about 1 year ago)
- Last Synced: 2025-06-07T08:05:50.538Z (about 1 year ago)
- Topics: frontend, javascript, learning, password-generator, project, react, security, vite, vitest
- Language: JavaScript
- Homepage: https://kornetas.github.io/password-generator/
- Size: 108 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🔐 Generator Haseł – React + Vite
[](https://kornetas.github.io/password-generator/)
Prosty, nowoczesny generator haseł napisany w React.
Pozwala wygenerować bezpieczne hasło na podstawie wybranych opcji, skopiować je lub pobrać jako plik `.txt`.
---
## ✨ Funkcje
- Ustawianie długości hasła (4–32 znaki)
- Wybór typów znaków:
- małe litery
- wielkie litery
- cyfry
- znaki specjalne
- Maskowanie i podgląd hasła
- Ocena siły hasła (Słabe / Średnie / Mocne)
- Kopiowanie hasła do schowka
- Pobieranie hasła jako pliku `.txt`
- Walidacja: przynajmniej jedna opcja musi być zaznaczona
- Stylowanie w czystym CSS
- Responsywny interfejs
- Testy jednostkowe (`Vitest`) dla funkcji generującej hasła
---
## 🛠️ Technologie
- [React](https://reactjs.org/)
- [Vite](https://vitejs.dev/)
- CSS3
- Vitest (do testów)
---
## ▶️ Uruchomienie projektu lokalnie
```bash
git clone https://github.com/Kornetas/password-generator.git
cd password-generator
npm install
npm run dev
```
## 🧪 Testowanie
Do testów wykorzystano [Vitest](https://vitest.dev/) – szybkie środowisko testowe działające natywnie z Vite.
### Uruchamianie testów
```bash
npm run test
```
Wynik testów pojawi się w terminalu (Vitest CLI).
### Testowane przypadki:
- ✅ Generuje hasło o zadanej długości (`length`)
- ✅ Zwraca pusty string, jeśli nie zaznaczono żadnej opcji (`uppercase`, `lowercase`, `numbers`, `symbols = false`)
- ✅ Zawiera cyfry, jeśli `numbers = true`
- ✅ Zawiera wielkie litery, jeśli `uppercase = true`
- ✅ Zawiera symbole, jeśli `symbols = true`
🧪 **Plik z testami:**
`src/components/PasswordGenerator/PasswordGenerator.test.js`