Skip to content

Latest commit

 

History

History
106 lines (78 loc) · 2.91 KB

README.md

File metadata and controls

106 lines (78 loc) · 2.91 KB
Raw

Codacy Badge

Netlify Status

Build Status

Live Demo

Project structure

d4l-password-strength-meter
├─ src
│  ├─ App.test.tsx
│  ├─ App.tsx
│  ├─ main.tsx
│  ├─ globalStyle.tsx
│  ├─ components
│  │  ├─ emailInput
│  │  │  └─ index.tsx
│  │  ├─ layout
│  │  │  ├─ registerFormWrapper
│  │  │  │  ├─ index.tsx
│  │  │  │  └─ types.tsx
│  │  │  └─ sectionWrapper
│  │  │     ├─ index.tsx
│  │  │     └─ types.tsx
│  │  ├─ passwordInput
│  │  │  ├─ index.tsx
│  │  │  └─ passwordInput.test.tsx
│  │  └─ passwordStrengthLogger
│  │     ├─ index.tsx
│  │     ├─ passwordStrengthLogger.test.tsx
│  │     ├─ passwordStrengthConstraint
│  │     │  ├─ index.tsx
│  │     │  ├─ passwordStrengthConstraint.test.tsx
│  │     │  ├─ types.ts
│  │     │  └─ __snapshots__
│  │     │     └─ passwordStrengthConstraint.test.tsx.snap
│  │     └─ types.tsx
│  ├─ hooks
│  │  ├─ useDebounce.test.ts
│  │  └─ useDebounce.tsx
│  ├─ types
│  │  └─ utilsTypes.tsx
│  ├─ utils
│  │  ├─ passwordValidator.test.ts
│  │  └─ passwordValidator.tsx
│  └─ vite-env.d.ts
├─ .eslintrc.json
├─ .gitignore
├─ index.html
├─ jest.setup.js
├─ package.json
├─ README.md
├─ tsconfig.json
├─ vite.config.ts
└─ yarn.lock

How to run the app

After cloning the repo. Using your preferred package manger (I use Yarn).

To install dependencies:

git clone https://github.com/momosetti/d4l-password-strength-meter/ <cloned_directory>
cd <cloned_directory>
yarn install

For starting the dev server:

yarn dev

For building:

yarn build

For serving static files (after build the project):

yarn serve

For testing:

yarn test

Or yarn test:w to run test suites in watch mode.

Tech Stack used

  • SPA library: React.js (TypeScript) .

  • Build tool: Vite.js

  • Style: Styled-components.

  • Source control version: GIT

  • Linting & Formatting: Eslint and Prettier (local Vscode configuration).

  • Testing: