https://github.com/hootsuite/apis-101

Beginners-friendly introduction to APIs starter code.
https://github.com/hootsuite/apis-101

apis beginners-friendly javascript react workshop-materials

Last synced: about 2 months ago
JSON representation

Beginners-friendly introduction to APIs starter code.

• Host: GitHub
• URL: https://github.com/hootsuite/apis-101
• Owner: hootsuite
• Created: 2020-02-20T00:27:45.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-18T21:11:50.000Z (over 1 year ago)
• Last Synced: 2024-04-14T21:16:07.459Z (9 months ago)
• Topics: apis, beginners-friendly, javascript, react, workshop-materials
• Language: JavaScript
• Homepage:
• Size: 3.18 MB
• Stars: 10
• Watchers: 10
• Forks: 5
• Open Issues: 30
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Introduction to APIs Workshop

This is starter code for a beginners-friendly introduction to APIs workshop. This project was created using [Create React App](https://github.com/facebook/create-react-app). The goal of the workshop is to use an API to generate random quotes.

## Getting Started

In the project directory:

1. Download and install [node](https://nodejs.org/)

2. Open `Terminal` on MacOS or `PowerShell` on Windows

3. Clone this git repository by running `git clone https://github.com/hootsuite/apis-101.git` then `cd apis-101`. 

If you don't have git installed or encounter other issues, you should be able to download [a zipfile of the code directly](https://github.com/hootsuite/apis-101/archive/master.zip)

4. Run `npm install` which will download all dependencies for this project

5. Run `npm start` which will start the project

## Workshop

Follow the instructions in [src/Quotes.js](https://github.com/hootsuite/apis-101/blob/master/src/Quotes.js) to make the 'Generate Quotes' button work!

### Solutions

You can view solutions by switching branches on GitHub to either `solution`, `solution-include-author` or `solution-quotes-by-author`. Do this by clicking the button that reads `Branch: master`.

## Learn More

You can learn more about API Design in our [blog post](https://developer.hootsuite.com/changelog/api-design-at-hootsuite).

To learn React, check out the [React documentation](https://reactjs.org/).

If you're interested in careers at Hootsuite, take a look [here](https://careers.hootsuite.com/).