victoramosjr / rick-morty

Rick & Morty Character Catalog.

Rick & Morty Character Catalog

The Exercise

Using any image API of your choice, or API that returns content with images:

• Retrieve a list of at least 50 images and display them as thumbnails on a page
• Paginate thumbnails by 10 thumbnails per page
• When clicking on an image it should display in a modal.
• All images should be about a specific theme or based on a specific word

Technical Constraints

• The Application should be built with html/js/css
• You may use pre-processors for css (but no frameworks, such as bootstrap)
• You may use whatever build tools you want
• The application should work and run when executing npm i && npm start from its root directory
• Please code in vanilla JS (no frameworks, or libraries)
• Take responsive design into consideration
• Your application only needs to work in Chrome
• If applicable: Include instructions for running your unit tests

---

Get Started

TERMINAL:

git clone https://github.com/victoramosjr/rick-morty.git

cd rick-morty

npm i && npm start

BROWSER:

• http://localhost:3000/

---

API

https://rickandmortyapi.com/

---

DESIGN CONSIDERATIONS

• Data loading placeholders for slow connections.

• Responsive layout adapted for mobile & desktop use.

---

CODING CONSIDERATIONS

• Thorough comments for working in shared codebase.

---

v2 OPPORTUNITIES

• Add range of pages numbers (ex: 1-3) to pagination.
• Use URL params to dictate API call.