Rick an Morty Characters

Context

Technical assessment.

Goal

Create an interface based on the Rick And Morty API (REST).

Tech Stack

• Vue.js 3 (Vue CLI, Vuex 4, Vue Router 4)
• Tailwindcss 3 + Scss
• Eslint + Prettier
• Autoprefixer

Features

• Routes
• Search (via API)
• Filter (all, dead, unknow and alive)
• Pagination (basic)
• Responsive (basic)
• Search and filters are shareable via queries

Demo

https://rick-and-morty-jellysmack.netlify.app/

Project setup

Node version

Node version: lts/fermium (v14 LTS)

If you use a node version manager like nvm

nvm use

Install node dependencies

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Roadmap

• Improve accessibility
• Add transitions/effects
• Cache system
• Fetch relational informations (episodes, planets, ...)
• Light/dark mode
• ...