---
# System prepended metadata

title: FULLSTACK TECHNICAL TEST

---

# FULLSTACK TECHNICAL TEST

##### 1. Nuxt Page and Nuxt Component

Create a page that mimics [the `/sentrack/` page](https://groover.co/band/sendtrack/) by using [Nuxt.js](https://nuxtjs.org/)
This test will juge your [Vue component](https://vuejs.org/v2/guide/components.html) organisation, your code quality aswell as your design choices. This entire test will be discussed during a future interview.

##### 2. Backend REST API

Create a small API backend for this page, It must be a REST Api build with [Django](https://www.djangoproject.com/) and [DjangoRestFramework](https://www.django-rest-framework.org/).
You should push your database with the rest of the code.

###### Technical Specification

- The page is accessible from `/sendtrack/`
- To generate content you can use any method, but in case, you can always use this [API](https://pokeapi.co/)
- The 25 first list elements need to be prerendered with either [`fetch`](https://nuxtjs.org/api/pages-fetch/) or [`asyncData`](https://nuxtjs.org/api/)
- At last 150 elements are accessible
- A search function is mandatory
- Having a visual cart being displayed is not required, only the list the filters and the sorting options need to be displayed

**The final work needs to be accessible in a [`github`](https://github.com/) repository, having a nice commit history is always a plus**# FULLSTACK TECHINICAL TEST

##### 1. Nuxt Page and Nuxt Component

Create a page that mimics [the `/sentrack/` page](https://groover.co/band/sendtrack/) by using [Nuxt.js](https://nuxtjs.org/)
This test will juge your [Vue component](https://vuejs.org/v2/guide/components.html) organisation, your code quality aswell as your design choices. This entire test will be discussed during a future interview.

##### 2. Backend REST API

Create a small API backend for this page, It must be a REST Api build with [Django](https://www.djangoproject.com/) and [DjangoRestFramework](https://www.django-rest-framework.org/).
You should push your database with the rest of the code.

###### Technical Specification

- The page is accessible from `/sendtrack/`
- To generate content you can use any method, but in case, you can always use this [API](https://pokeapi.co/)
- The 25 first list elements need to be prerendered with either [`fetch`](https://nuxtjs.org/api/pages-fetch/) or [`asyncData`](https://nuxtjs.org/api/)
- At last 150 elements are accessible
- A search function is mandatory
- Having a visual cart being displayed is not required, only the list the filters and the sorting options need to be displayed

**The final work needs to be accessible in a [`github`](https://github.com/) repository, having a nice commit history is always a plus**