Giter Club home page Giter Club logo

nwhacks-2024-intro-to-api's Introduction

Due to severe weather condition, the workshop will be hosted on Zoom!

nwHacks-2024-Intro-to-API

Setup

  1. Clone this repo

    • Open terminal, and cd into (go to) the directory (folder) that you want to clone this repo
    • Run git clone https://github.com/michelleykim/nwHacks-2024-Intro-to-API.git
    • You should see another directory appear, named something like: nwHacks-2024-Intro-to-API
  2. Install node

    • If you're unsure, use node -v command to see if you have node installed
      • If you get an error, most likely means you don't have node
    • You should be able to click your OS type under the LTS (Long-Term Support) and download the installer
    • Open the installer and follow the instruction to install node
    • Run node -v to see if node is correctly installed
      • If you see a series of number like 20.8.1 or v20.8.1 or something that looks like a version number, you're done!
  3. Install HTTP Server

    • Open terminal, and run npm install -g http-server
    • You might get some sort of permissions error. In this case, try:
      • [macOS/Linux] try sudo npm install -g http-server
      • [Windows] try to run terminal as administrator. You can right click on the terminal icon to see the option
    • Now, you can run http-server in your terminal (within repo directory, nwHacks-2024-Intro-to-API) to run html file.
      • Once you run the command, you should see the list of available ports you can view the html file. (something like "http://10.0.0.30:8080")
      • You should see the frontend we pre-built when you navigate to one of the ports.
  4. Create an Open AI API account

    • Once you make the account, navigate to "API Keys" section on the left panel.
    • Create a new key by clicking "Create new secret key" button
      • Make sure you save the secret key in the secrets.json file, replacing the value of apiKey. You cannot retrieve the same key again once you're past this step.
      • If you accidentally lost the key, don't panic! You can simply delete the old key and make a new one. Remember to save it somewhere this time!

If you're done all the steps above, you should be good to go! See you @ Thursday, Jan 18th 7:40 PM PST.

nwhacks-2024-intro-to-api's People

Contributors

ichung08 avatar michelleykim avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.