Rick & Morty Explorator

---

Stack used

• ⚡️ Vue 3, Vite 2

• 🗂 VueRouter

• 🛒 VueX 4

• 🎨 Windi CSS

• 😃 Iconify

• 🌍 I18n ready

• 📦 Components auto importing

• 📋 TypeScript

---

Installation Steps

Clone to local

git clone https://github.com/GueganVictor/test-rick-and-morty.git
cd test-rick-and-morty
npm i

Launch the project

npm run dev

---

Routes

/characters

This page contains a basic list of the first 20 characters. You have the ability to filter characters by name and status as well as navigate between the pages since it uses pagination.

/characters/:id

This page displays all the information about a specific character retrieved from the id in the URL.

---

Bonus feature - Accessilibity

• i18n, the project uses i18n in order to display text in multiple languages. Most of the text has been translated expect for a few characters attributes like type, location, etc.
• Navigation by keyboard, in order to maximise accessibility, the whole site is navigable by keyboard (Tab and Maj+Tab).
• Dark mode, to ease colors on the eye, you have the ability to choose between a light and a dark theme. Suit yourself !