Add pokemon to firebase with the PokeAPI done

package-lock.json

@@ -5477,6 +5477,8 @@
     },
     "node_modules/babel-preset-react-app/node_modules/@babel/plugin-transform-react-jsx/node_modules/@babel/core": {
       "version": "7.15.8",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.15.8.tgz",
+      "integrity": "sha512-3UG9dsxvYBMYwRv+gS41WKHno4K60/9GPy1CJaH6xy3Elq8CTtvtjT5R5jmNhXfCYLX2mTw+7/aq5ak/gOE0og==",
       "license": "MIT",
       "peer": true,
       "dependencies": {
@@ -10151,7 +10153,6 @@
       "version": "9.1.3",
       "resolved": "https://registry.npmjs.org/firebase/-/firebase-9.1.3.tgz",
       "integrity": "sha512-OZA60idIzSE5c01qWUDH2plhe+s4VrwbPurAh1KxvPEhMdZSOVK3zrBFHbc7nczFYWRDQpWU6v7gTHAVSANHQg==",
-      "license": "Apache-2.0",
       "dependencies": {
         "@firebase/analytics": "0.7.2",
         "@firebase/analytics-compat": "0.1.3",
@@ -25526,6 +25527,8 @@
           "dependencies": {
             "@babel/core": {
               "version": "7.15.8",
+              "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.15.8.tgz",
+              "integrity": "sha512-3UG9dsxvYBMYwRv+gS41WKHno4K60/9GPy1CJaH6xy3Elq8CTtvtjT5R5jmNhXfCYLX2mTw+7/aq5ak/gOE0og==",
               "peer": true,
               "requires": {
                 "@babel/code-frame": "^7.15.8",

src/App.js

@@ -19,6 +19,7 @@ import PasswordRecovery from "./components/Admin/AdminIdentify/Identify/Password
 import AccountInfo from "./components/Admin/Account/AccountInfo/AccountInfo";
 import Footer from "./components/Footer/Footer";
 import Credits from "./components/Footer/Credits/Credits";
+import PokemonScripts from "./components/Pokemon Scripts/PokemonScripts";
 
 function App() {
   return (
@@ -26,6 +27,12 @@ function App() {
       <>
         <Switch>
 
+          <Route path='/pokemon'>
+
+            <PokemonScripts />
+
+          </Route>
+
           <Route path="/my-account">
           
             <AccountInfo />

src/components/Pokemon Scripts/AddPokemonToFirebaseQuery.js

@@ -0,0 +1,26 @@
+import { firestore } from "../../Firebase/Firebase_Config";
+import {getFirestore, collection, doc, setDoc } from "firebase/firestore/lite";
+
+const AddPokemonToFirebaseQuery = async (language, pokemon) => {
+    
+        console.log(pokemon)
+        console.log(language)
+    try {
+        const db = await getFirestore(firestore)
+        const result = await setDoc(doc(db,  `hangman_words/${language}/pokemons`, pokemon.name), {
+
+            'WORD_FIELD': 'WORD_VALUE'
+        })
+        
+        return true
+
+    } catch (error) {
+
+        console.log(error)
+
+        return 'error'
+    }
+};
+
+
+export default AddPokemonToFirebaseQuery

src/components/Pokemon Scripts/PokemonScripts.jsx

@@ -0,0 +1,54 @@
+import React from 'react'
+import AddPokemonToFirebaseQuery from './AddPokemonToFirebaseQuery'
+
+const PokemonScripts = () => {
+
+    const addPokemonsToFirebase = async () => {
+
+        try {
+            
+            const response = await fetch('https://pokeapi.co/api/v2/pokemon?limit=151')
+            const pokemons = await response.json()
+    
+            console.log(pokemons)
+
+                const uploadWordsPromise = new Promise((resolve, reject) => {
+            
+                pokemons.results.forEach(async (pokemon, index) => {
+                                        
+                    await AddPokemonToFirebaseQuery('spanish', pokemon)
+
+                    if (index === pokemons.results.length -1) resolve();
+            })
+        })
+            
+            await uploadWordsPromise.then(() => {})
+    
+            // await pokemons.results.forEach(async (pokemon) => {
+            //     console.log(pokemon.name)
+    
+            //     await AddPokemonToFirebaseQuery('english', pokemon)
+            // });
+    
+            console.log(pokemons.results.length)
+    
+        } catch (error) {
+            
+        }
+    }
+    
+
+    React.useEffect(() => {
+
+        addPokemonsToFirebase()
+
+    },[])
+
+    return (
+        <div>
+            
+        </div>
+    )
+}
+
+export default PokemonScripts