Skip to content

Welcome to the Lendi Frontend Pairing Test. This test is to be completed during a pairing session with one of our Frontend engineers. The goal is to understand how you approach problems, collaborate, and communicate similar to how you do normally on a day-to-day basis.

Notifications You must be signed in to change notification settings

waguei-andrea/lendi-frontend-test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Welcome to the Lendi Frontend Pairing Test

This test is to be completed during a pairing session with one of our Frontend engineers. The goal is to understand how you approach problems, collaborate, and communicate similar to how you do normally on a day-to-day basis. You may not have time to complete all the tasks during the session, which is completely fine.

Please do not complete these tasks ahead of the pairing session, but instead use this time to read through and familiarise yourself with the code and tasks prior to meeting with us. If you have any questions about the test or any of these tasks feel free to ask for clarification.

Info

./services is the backend API

./app is a frontend app

How to run this

First of all, start the API

cd ./services && yarn && yarn start

Then start the app

cd ./app && yarn && yarn start

The test

You'll start with the app not showing any data Screenshot

Task 1: Show all the brokers' names on the sidebar

Task 2: Show all the brokers' appointment dates under brokers' names

Task 3: Show the broker name alphabetically (A to Z) on the sidebar

Task 4: Show appointment details (Appoint ID, Broker Name, Date) on the Appointment details section when clicking on the appointment date

Task 5: Show appointment details on top navigation when clicking on an appointment

  • This is the example when you finish task 1 - 5:

Screenshot

Task 6: Refactor implementation to address bad practice (Broker.tsx)

Task 7: Update to use the correct semantic tag (Broker.tsx)

Task 8: Update AppointmentDetail to be displayed next to SideBar (AppointmentSelect.tsx)

Screenshot

Task 9: Complete unit test in ./app/src/components/AppointmentSelect/Broker

Bonus

  1. How would you improve this codebase?
  2. What kind of tooling would you use in this repo to help developers collaborate?

About

Welcome to the Lendi Frontend Pairing Test. This test is to be completed during a pairing session with one of our Frontend engineers. The goal is to understand how you approach problems, collaborate, and communicate similar to how you do normally on a day-to-day basis.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published