/react-ad-login

Login page using React and Typescript https://tuxrace.github.io/react-ad-login/

Primary LanguageTypeScript

React AD login

Login screen for web and mobile built using React.

Working Demo

https://tuxrace.github.io/react-ad-login/

Video Demo

get it here

Screenshot

Install

npm install
npm start

Open locally at http://localhost:3000

Credentials

Username Password
Johnsmith password

Technologies used

  • React
  • React Hooks
  • Typescript
  • Bootstrap
  • SASS

Layout Guide

SASS Variables

all sass variable are in variables.scss

  • $spacing

    • value is 8
    • If we need to add margin we multiply by * $spacing
    • Example padding-top: calc(#{spacing} * 3px) will give us 24px

  • $gutter-bottom-size

    • value is 12px.
    • This is the margin bottom between divs
    • Example margin-bottom: $gutter-bottom-size