Welcome! Please clone this repo and add your repo so that we can access it publicly. We have bootstrapped a Nextjs web application and included Typescript configuration. We will be reviewing your code together in the next step of the interview process.
The goal of this challenge is to get a good understanding of your React, Typescript and CSS skills. You will be building a web application that represents an elevator moving up and down a residential building.
You can use any CSS utility libraries for styling or any other packages, like Redux, for handling global state.
The challenge is intentionally open-ended but the rules you must follow are below:
- 20 floor building
- Elevator can go up and down
- Elevator can go to a specific floor
- Display the current floor of the elevator
- Display whether or not the elevator is moving
- Display whether or not the elevator doors are open or closed
- Tenants on a random floor will call the elevator every 10 seconds
- When tenant requests elevator, they will choose if they are going up or down
- Elevator should follow normal logic. For example, if the elevator is already going up to floor 10 and a tenant on floor 8 requests to go up, the elevator should stop at 8 to pick up that tenant.
Let us know if you have any questions.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!