This task is simple from features perspective and aims mostly on technical solution and approaches used to solve some common problems.

• Node.js > 18.17.0
• React + Typescript + GraphQL

• Create a .env file on the root folder
• Then follow add the variables as shown in the .env.example

REACT_APP_GQL_API_URL=
REACT_APP_TEST_USERNAME=
REACT_APP_TEST_PWD=

• Typescript
• ReactJS
• GraphQL

• Use typescript and react libraries in according to requirement
• Use Chakra for cleaning UI
• Use apollo client and graphql libraries for GraphQL
• Use react-testing-library and jest libraries for Unit testing
• Use react-router-dom library for SPA Navigation
• Use Yup and Formik libraries library for Validation

npm install

npm start

npm run test

• Implemented frontend UI
• Integrated Login using GraphQL
• Used Yup validation library
• Implemented error handling
• Implemented page responsiveness

• Implemented frontend UI
• Integrated Get User using GraphQL
• Implemented Logout functionality
• Implemented Loading functionality
• Implemented page responsiveness