0% found this document useful (0 votes)
22 views

Assignment

The document describes an assignment to build a React application that displays character profiles from the Rick and Morty API. The app should display profiles in cards with character pictures, info, origin, locations, and featured chapters. It should include linting and testing scripts and be styled with modern techniques. The submission should be hosted on GitHub.

Uploaded by

wonadi4519
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
22 views

Assignment

The document describes an assignment to build a React application that displays character profiles from the Rick and Morty API. The app should display profiles in cards with character pictures, info, origin, locations, and featured chapters. It should include linting and testing scripts and be styled with modern techniques. The submission should be hosted on GitHub.

Uploaded by

wonadi4519
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment

Build an application that displays the characters’ profiles of the Rick & Morty sitcom, using the
REST Version of Rick & Morty API. https://rickandmortyapi.com/
The app can either be a web application built with React and TypeScript/Javascript, or a React
Native application using react native CLI.
Display the profiles in a grid of cards. You’re free to choose the design and whether to
implement standard pagination or infinite scrolling.
You can use any library/mechanism for making REST API calls.
You can also use a component library of your choice.

Each profile should include:


The character’s picture
The character’s information (name, species, gender, etc.)
Origin and current location (name, dimension, amount of residents, etc.) -> important
Name of the chapters the character is featured in -> important

The project should have at least the following scripts/tooling -


1. lint
2. test

The front-end should be styled with modern techniques, such as CSS-in-JS or CSS modules.
You’re free to pick the library you consider necessary for the exercise, but be careful that
overcomplicating the implementation will lead to a bad evaluation.

Definition of done
All the mentioned scripts and tests work without errors
The app works without errors.
All characters or rick and Morty can be browsed.
The project shouldn’t rely on global dependencies. If the project won’t compile after we’ll install
its dependencies, the coding challenge will be considered unsuccessful.

Suggestions

● We'll be running the project on the latest LTS version of the nodejs and ubuntu.
● We will test the app both on mobile and desktop environments, so put your focus on
both experiences.
● If possible attach a video of the app.
● Find meaningful names for your components, functions, and constants: the easier will
be to follow your code and reasoning, the better.
● Prefer a declarative and composable coding style, taking advantage of well-known
functional programming paradigms that would make your project easy to iterate on.
● Use modern React techniques and tools like hooks and contexts, where appropriate,
to better assess your knowledge of the library.
● We value comments a lot and read those before we read code.
● Don't over-complicate the app, it's only for an assessment. You can make some
assumptions if they save a lot of time, just mention them in code comments.

Score
The score will depend on the following evaluation criteria, listed below in alphabetical order:

● Architecture
● Code notes/comments
● Code quality
● Consistent coding style
● Knowledge of React
● Performance
● Tests

Submission
Host your project in a public Github repository, You can then send us the link via email when the
project is ready to be reviewed.
For any questions, don’t hesitate to get in touch with us by replying to this email.

You might also like