GOOD HEALTH FRONTEND ASSIGNMENT
Tools:
- HTML
- CSS
- JavaScript
- Json
- Nodejs
- Materialize
- Jquery
- Twilio Api
Requirement:
- Nodejs
- Twilio Account
- serviceID
- accountSID
- authToken
To run JavaScript Linter, type in terminal
npm run pretest
To start Server, type
npm start
and then go to localhost:1999
Functionality:
- Add username, password, email and contact no. in the sign up page.
- Password required.
- Password will store in encrypted form into the database.
- OTP is sent to the contact no.
- OTP verification is necessary to proceed onto the next page.
Usage Instructions:
- Download the assignment from the given link.
- User must have an account registered into database(json text file) to login, if not create it using sign up page.
- Registered user can login using contact no and OTP.
- After entering correct contact no and otp user will redirect to welcome message page.
Description: Username and email must be unique. In case, if username or email address contradict user will get a pop-up to either create a fresh account or can use registered email address.
If the contact no. is not present in database, otp will not be send. Than first you have to do sign up.
After entering correct email address and password user will be redirected to otp page where user must enter the same otp received on the contact no. In case, if user enter wrong otp, he/she will remain on the same page.
After entering correct otp user will redirect to the message page . User can also logout from that page.
Fig 1: Home Page
![](https://raw.githubusercontent.com/NorinMp143/GoodHealth/master/sign up page.jpeg)
Fig 2: Sign Up Page
![](https://raw.githubusercontent.com/NorinMp143/GoodHealth/master/login page.jpeg)
Fig 3: Login Page
![](https://raw.githubusercontent.com/NorinMp143/GoodHealth/master/otp varification.jpeg)
Fig 4: OTP Varification Page
![](https://raw.githubusercontent.com/NorinMp143/GoodHealth/master/welcome message page.jpeg)
Fig 5: Welcome Message Page
![](https://raw.githubusercontent.com/NorinMp143/GoodHealth/master/otp message on phone.jpeg)
Fig 6: OTP Message received on Contact no.