# Admission assignment

## Pre-knowledge

You have to know **HTML and CSS.** You can follow [this video](https://www.youtube.com/watch?v=mU6anWqZJcc\&ab_channel=freeCodeCamp.org) or [this course](https://www.freecodecamp.org/learn/responsive-web-design/) to get the required knowledge.

You have to know **intermediate level JavaScript.** You can follow [this video](https://www.youtube.com/watch?v=jS4aFq5-91M\&ab_channel=freeCodeCamp.org) or [this course](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/) to get the required knowledge.

## Admission project: Pokedex

**In Pokemon lore, the Pokedex is a Pokemon dictionary that the characters carry with them. In this device, they can query the Pokemons and learn details about them, such as, abilities, type of Pokemon, strengths and weaknesses. The different designs of the Pokedex can be found online.** [**Here**](https://pokeapi.co/docs/v2) **is a sample UI of Pokedex.**

#### For the admission of the Advanced JS/ASP.NET course, please create a Pokedex program with the following requirements:

1. Develop a search field where users will search for Pokemon’s name or id.
   * Create a field and button.
   * Add a callback to the button event listener.
2. Make a request by Pokemon ID or name. PokeApi already can handle both.
   * There are some Pokemons that don’t exist but should, 999 doesn’t exist but 1000 does.
   * This is a perfect example of interacting with the response’s status code and adjusting their app to it.
   * The default param of the fetch function is a GET method.
3. Display important information on the Pokemons. All this information is available on the first REST call to the API.
   * Name (Bulbasaur, Charizard, Pikachu)
   * Skills (Lighting-rod, static)
   * Type of Pokemon (Ghost, Poison, Fire)
   * Pokemon Sprites

**WireFrames**

***Home***

[![](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/raw/main/images/pokedex%20home.png)](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/blob/main/images/pokedex%20home.png)

***Search***

[![](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/raw/main/images/pokedex%20search.png)](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/blob/main/images/pokedex%20search.png)

***Cards***

[![](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/raw/main/images/pokedex%20card.png)](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/blob/main/images/pokedex%20card.png)

[![](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/raw/main/images/pokedex%20card%202.png)](https://github.com/Migracode-Barcelona/javascript-module-3-pokedex-workshop/blob/main/images/pokedex%20card%202.png)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://syllabus.migracode.org/courses/advanced-js-and-asp.net-course/admission-assignment.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.