Skip to content

Challenge 01 - Login and registration screen of a Compass.UOL application - FullStack Journey 2023

Notifications You must be signed in to change notification settings

camilafbarcellos/sys-compass-login

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔐 Sys Compass Login

Challenge 01 – System Compass

Week 4 • FullStack Journey • Compass UOL • 2023

📑 Table of Contents

🌐 Vercel Deploy

Access the website at sys-compass-login.vercel.app

ℹ️ About The App

Login and registration screen of a Compass.UOL application following a Figma project with input validations

✔️ Validations

Login

  • Must validate 'admin' credentials
  • Username must be an user or an email
  • Username and password must follow a valid pattern as assigned by RegEx

Sign Up

  • All inputs, except for birth date, must follow a valid pattern as assigned by RegEx
  • Password and password confirmation must match with real-time validation

⚙️ Technologies

TypeScript logo ReactJS logo ReactRouter logo NodeJS logo Vercel logo

🚀 Setup

  • Download or clone the repository
  • In the project directory, run npm install to download all dependencies
  • Run npm start to run the application locally at localhost:3000

📸 Screenshots

Login

LoginPage

Login with username error

LoginUsernameError

Login with 'admin' credentials error

LoginAdminError

Login (mobile)

LoginMobile

Sign Up

SignupPage

Sign Up with input errors

SignupErrors

Sign Up (mobile)

SignupMobile

About

Challenge 01 - Login and registration screen of a Compass.UOL application - FullStack Journey 2023

Topics

Resources

Stars

Watchers

Forks