Async/Await Starter

Report Bug · Request Feature

Table of Contents

• About This Repo
• GitHub Setup
• Local Setup
• Instructions

About This Repo

⚪🔴 We will be building a basic Pokedex Strength Index application to find the strongest Pokemon in batches using the PokeApi and async/await with our database!

Much of the code is already setup, but we will need to add our new way of handling promises!

Async/Await in JavaScript is a way to handle asynchronous JavaScript operations more easily and readably by allowing functions to pause while waiting for a promise to resolve and then continue execution. We need it to write cleaner, more understandable code for tasks like fetching data from an API, without getting bogged down in complex promise chains or callback hell.

🔝 back to top

GitHub Setup

• Create Repo from Use Template:

  • Click HERE or the Use Template button in this repo to create a new repo.
  • Ensure Include all branches is left unchecked.
  • Specify your username and repo name appropriately.
  • Provide a description for the repo (optional).
  • Set the repo as Public.
  • Click Create repository.

🔝 back to top

Local Setup

• Clone your Repo:

  • Click the <> Code button in this repo and choose SSH.
  • Copy the URL. It should look something like: [email protected]:YOUR-USERNAME/YOUR-REPO-NAME.git.
  • In your terminal, navigate to the directory where you want to clone this repo.
  • Execute git clone [email protected]:YOUR-USERNAME/YOUR-REPO-NAME.git, replacing the placeholders with actual values.

• Create Database in PostgreSQL (using Postico):

  • Create a database named async-await-starter-db in Postico with the values in your pool.js file.
  • Copy and paste the content from your database.sql into your PostgreSQL database.
  • Run the queries in the new database to populate your tables with data.

• Install Node Dependencies:

  • In the terminal, navigate to the folder you cloned this repo and run the following:

    npm install

🔝 back to top

Instructions

• Start the application:

  • In the terminal, run the following to start the server:

    npm run server

  • In a second terminal, run the following to start the client:

    npm run client

The UI should open in your default web browser to the correct URL. If not, open localhost:5173 in your web browser.

NOTE: The key combination ctrl-c will stop your server/client from running. Whichever current Node.js process is running in that terminal will stop on macOS.

Follow along with your instructor to create a splendid Pokedex Strength Index application! Happy Priming!

🔝 back to top