Rendering Pokemon Data

Repeating the same steps as the lesson do the following:

• create a new project npx degit AlexMercedCoder/ejs-express-supreme#main pokemon
• follow all the setup steps (npm install, create .env, etc.)

• use axios to get data from this json file: https://dummydata.netlify.app/pokedex.json

  • suggestion open up the url in the browser to refer to the data structure

• Render all the pokemon on your views/home.ejs which rendered by the home route on routes/home.js.

  • you don't need to render every property, choose 3-4 properties to render
  • use bulma to style your page
  • take advantage of the EJS partials to structure a header and footer

Recommended Steps

• get the api call working (before passing the data to the view, just console.log the results to confirm you got them)
• start rendering the pokemon by just rendering their name then add properties from there
• use the code snippets from the Bulma documentation to use decorative components

RESOURCES TO ASSIST:

• Axios Documentation
• EJS Documentation
• Bulma Documentation