/giphy-api-front-ends

A collection of front ends for the giphy search api written in a variety of frameworks

Primary LanguageTypeScript

giphy-api-front-ends

Note: Before you start you will need to copy the .env.sample to .env in the server directory and add your own giphy api key.

These apps all demonstrate:

  • User Input
  • DOM Events
  • API Requests
  • Conditional Rendering
  • Rendering Lists of Data

Running this localy

Note: The server is required by all frontends so you will have to have it running in all cases

Server

cd server
npm i
npm run serve

React

cd react-frontend
npm i
npm run start

Vue

cd vue
npm i
npm run serve

Angular

cd angular #or cd angular-with-services
npm i
npx @angular/cli serve

Svelte

cd svelte
npm i
npm run start

Vanilla

cd vanilla
npx light-server -s . -p 7000