https://github.com/dracula27/pokemonapp

Per Scholas - Week 7 - Front-end & Express - Assignment: pokemonApp
https://github.com/dracula27/pokemonapp

css expressjs git github html javascript nodejs

Last synced: 3 months ago
JSON representation

Per Scholas - Week 7 - Front-end & Express - Assignment: pokemonApp

• Host: GitHub
• URL: https://github.com/dracula27/pokemonapp
• Owner: DrAcula27
• Created: 2023-01-12T19:55:46.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-01-13T21:09:12.000Z (over 3 years ago)
• Last Synced: 2026-01-03T14:29:16.798Z (6 months ago)
• Topics: css, expressjs, git, github, html, javascript, nodejs
• Language: JavaScript
• Homepage: https://dracula27.github.io/pokemonApp/
• Size: 22.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Morning Exercise - First _almost_ Full-Stack Application

## Per Scholas - Week 7 - Front-end & Express - Assignment: pokemonApp

### Minimum Viable Product (MVP)

1. Create an express server that serves your `index.html` from the `public` folder.

    1. HTML file should include an `
` title and a button labeled “get pokemon”.

1. When you click the button, your `index.js` (sent with `index.html`) should send a fetch request to route `/get_pokemon_data` which should send the following data:


    ```

    const pokemon = [

        {name: "bulbasaur", img: "http://img.pokemondb.net/artwork/bulbasaur", age: 3},

        {name: "ivysaur", img: "http://img.pokemondb.net/artwork/ivysaur", age: 4},

        {name: "venusaur", img: "http://img.pokemondb.net/artwork/venusaur", age: 5},

        {name: "charmander", img: "http://img.pokemondb.net/artwork/charmander", age: 2},

        {name: "charizard", img: "http://img.pokemondb.net/artwork/charizard", age: 7},

        {name: "squirtle", img: "http://img.pokemondb.net/artwork/squirtle", age: 8},

        {name: "wartortle", img: "http://img.pokemondb.net/artwork/wartortle", age: 6}

    ];

    ```

When you get the data, display just the names in a list.

### BONUS FEATURES

- When a name is clicked, also display the image and age of the clicked pokemon.

    + _Hint_: You will need to programmatically add `.jpg` to the end of the `img` strings.

- Add ability to toggle showing/hiding pokemon.

- Style the page.

### Extension:

- Add an input and a button. When the button is clicked, the name of the pokemon typed into the input should be sent to a DELETE route `/delete_pokemon`. The route should remove that pokemon from the array, and send back the new array.

    + The new array should be displayed on the page.