Afripods light

Problem to solve

You should create a simple web application that shows metadata for episodes and podcasts. The data that should be used is located at (assets\data). The app should cointain the following:

1. Two lists, one with podcasts and one with episodes.
2. A landing page for a podcast
3. A landing page for an episode

The landing pages should be shown when the user clicks on a list item.

Submission

Zip the repository containing your solution and submit it via email to the recruiter that contacted you.

Metadata

List items

A podcast item needs to have:

• Title
• A part of the desciption
• The number of episodes

An episode item needs to have:

• Title
• A part of the desciption
• The length of the episode
• The date when the episode was created

Podcast landing page

It needs to have:

• Title
• The full description
• The number of episodes

Episode landing page

It needs to have:

• Title
• The name of the podcast
• The full description
• The length of the episode
• The date when the episode was created

Design

You are free to design the app in the way you want.

Data location

The data is located in: assets\data It cointains two lists. One with podcasts (6 items) and one with episodes (4 items).

Remark - Episode duration is in seconds.

Requirements

• If nothing else is specified you're free to solve the problem in Vue, React or Angular
• It needs to look great in both phones and desktop
• The lists must support a lot of items.
• Do not make the task harder than it is. It should be solved in a couple of hours.
• Document how to run your application and anything else that you feel is important.

Optional

• If you'd like you can set up a backend (e.g. node or java) where you are storing and requesting the data.
• Write tests