Esterox Internship Tasks

Welcome to the Esterox Internship Test Stage!

Task 1 - HTML/CSS

Using HTML and CSS create the grid of patient names to match provided mock.

Stay as close to mock as possible.

You can use Tailwind if you want.

Task 2 - Simple JS

Render a ticking digital clock in an HTML element with #clock id. Clock should display current time in 24h hours:minutes:digits format, where hours, minutes and seconds should be displayed in 2 digits.

Task 3 - Algorithms

Write a function reverseDigits that takes a string as input and reverse only the digits of a string.

For example, reverseDigits("H1el23lo5") should return H5el32lo1.

Task 4 - Algorithms

Write a function countDataTypes that takes an array as input and returns an object detailing the count of each data type present in the array. Only include data types that are present in the array in the output object.

The array is:
const inputArray = [1, 'hello', true, 2, 'world', null, undefined, {a: 1}, 'JavaScript'];

Task 5 - UI and some logic

You have 3 pages and layout for them. The main task is develop them.

We will pay attention how the components and routing are structured. No need to create a very detailed design, but mostly the correct layout.

For this task you need to use React.
Typescript and Tailwind are welcome but not a must.

Check the pages below

Home page About page Contact page