index.js

import express, { response } from "express";
import bodyParser from "body-parser";
import axios from "axios";

const app = express();
const port = 3000;
const PokemonURL = "https://pokeapi.co/api/v2"


app.use(express.static("public"));
app.use(bodyParser.urlencoded({extended: true}));

var pokemonName, pokemonPic;

app.get("/", (req, res) => {
    res.render("index.ejs" , {pokemonName: pokemonName, pokemonPic: pokemonPic});
});

app.post("/search", async (req, res) => {
    const pokemon = req.body.pokemon.trim()
    //console.log(pokemon);

    try {
        //console.log(pokemon);
        const response = await axios.get(`${PokemonURL}/pokemon?limit=10000`);
        //console.log(response);
        const data = response.data;
        //console.log(data);
        const allPokemonNames = data.results.map(pokemon => pokemon.name);
        const allPokemonInfo = data.results.map(link => link.url);


        const filteredPokemonNames = allPokemonNames.filter(name =>
            name.includes(pokemon.toLowerCase())
          );

        var pokeIndex = []
        filteredPokemonNames.forEach(e => {
            pokeIndex.push(allPokemonNames.indexOf(e));
        })

        var filteredPokemonInfo = [] 
        pokeIndex.forEach(index =>
            filteredPokemonInfo.push(allPokemonInfo[index])
        );

        //console.log(filteredPokemonInfo);

        if (filteredPokemonNames.length === 0){
            res.render("index.ejs", {pokemonName: ['Not Found'], pokeInfo: ['Not Found']});
        } else {
            res.render("index.ejs", {pokemonName: filteredPokemonNames, pokeInfo: filteredPokemonInfo});
        }
    } catch (error){
        console.log("Fail to Load. Try Again")
        res.render("index.ejs", {pokemonName: ['PokeAPIs Not Responding! Please try again later.'], pokeInfo: ['Not Found']});
    }
});

app.post("/select", async (req, res) => {
    const pokemonInfo = req.body.info;
    //console.log(pokemonInfo);

    try {
        const response = await axios.get(`${pokemonInfo}`);
        const data = response.data;
        const allMovesTypesURL = data.moves.map(link => link.move.url);
        var moveTypes = [];
        while(moveTypes.length < allMovesTypesURL.length){
            let moveURL = await axios.get(`${allMovesTypesURL[moveTypes.length]}`)
            let moveData = moveURL.data;
            moveTypes.push(moveData.type.name);
            //console.log(moveTypes);
        }
        //console.log(moveTypes);
        
        res.render("pokemon.ejs", {pokemon: data, moveTypes: moveTypes})
    } catch (error){
        console.log("Fail to Load. Try Again")
        res.redirect("/")
    }

});

app.listen(port, () => {
    console.log(`Server running on port: ${port}`);
});