Getting started with Vue.js 3 by building a Giphy search application

• vue-cli

  86 29,750 0.0 JavaScript

  🛠️ webpack-based tooling for Vue.js Development

  

  In this post, you'll learn how to use Vue CLI to build a Vue.js 3 application for searching Giphy's GIFs by using their API.

• GiphySearch_Vue3

  1 0 0.0 Vue

  You can fork the complete source code on Github.

• SurveyJS

  surveyjs.io

  sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• axios

  437 103,912 8.5 JavaScript

  Promise based HTTP client for the browser and node.js

  

  I chose to go with Axios, as it's a very popular JavaScript library for making HTTP requests. It's an HTTP client that makes use of the modern Promises API by default (instead of the not so nice JavaScript callbacks 🙂) and runs on both the client and the server (i.e., Node.js).

• Vue.js

  381 206,901 7.9 TypeScript

  This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  

  Vue.js (181k)

• Svelte

  631 76,291 9.9 JavaScript

  Cybernetically enhanced web apps

  

  Svelte (45k)

• React

  1,686 221,535 9.8 JavaScript

  The library for web and native user interfaces.

  

  React (165k)

• node

  917 103,479 9.9 JavaScript

  Node.js JavaScript runtime ✨🐢🚀✨

  

  Node.js - here's a free but outdated step by step guide/book for both Windows and Mac. Or, really, just go to the main website and download the executable for your machine

• InfluxDB

  www.influxdata.com

  sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Visual Studio Code

  2,831 157,893 10.0 TypeScript

  Visual Studio Code

  

  Now, let's open this project in the editor of your choice (I'm using Visual Studio Code), and you should see something like this:

• Bulma

  157 48,554 8.4 SCSS

  Modern CSS framework based on Flexbox

  Bulma is a cool framework that I used in the JWT authentication in an Angular application with a Go backend post in case you're interested in taking a look.

• Angular

  698 94,397 10.0 TypeScript

  Deliver web apps with confidence 🚀

  

  Angular (71k)

Suggest a related project