The task is to fetch content (photos) from an API (you don’t need to load real data from Instagram/Facebook/Twitter but instead you should mock the server call) and display that content in several different layouts (Grid, Carousel/Slider, and Cards). We recommend using React to build a web app (as we use it for our product) and TypeScript (if you know TS) that will fetch photos and information from an API. The app should display photos and descriptions of each photo. The user should be able to switch layout between a list view, grid view and carousel view.
To get started with this project, follow the instructions below.
Ensure you have the following installed:
You should create a .env file. Please take a look at the .env.example file provided in the project for reference.
The API URL is this one:
https://rickandmortyapi.com
pnpm dev
pnpm build
pnpm test