emma-scroller-task

Emma App - Coding Challenge

This is a code repo containing the technical challenge for the Emma App interview process.

• Installation
• Usage
• Example
• Testing
• Todo's

See on NPM

Install

With NPM

npm i emma-scroller-task

With Yarn

yarn add emma-scroller-task

Usage

Import the component where needed

import { ProfileScroller } from 'emma-scroller-task';

You can then use the component with your data source

<ProfileScroller data={profiles} />

The component accepts JSON data array in the following format:

 [{
    id: String,
    avatar: String,
    name: { first: String, last: String },
    company: String,
    job: String,
    about: String,
  }]

Example

To run the example app, simply run cd example & expo start

Tests

You can run the tests using: yarn test

What could be done better?

• Implement animations for the avatar scrolling.
• More detailed testing for scrolling events.
• Use FastImage or any other optimized image loading for avatars.

Notes

The mock data used contains dynamic images rather than static ones to mimic the behavior of pulling the user profiles from the API.