Code Monkey home page Code Monkey logo

sfguide-tasty-bytes-zero-to-app-with-spcs's Introduction

Deploy a Data App with Snowflake Snowpark Container Services (SPCS)

Overview

Duration: 1

Snowflake is a terrific platform on which to build data applications. The unique characteristics and cloud-based design allow for building applications that scale with data and workload. This tutorial will go through how to build and deploy both the Processing Layer and the User Interface Layer paired with Snowflake as the Persistence Layer.

Our example will be using a fictional food truck franchise website, Tasty Bytes. We will be building a graphical user interface with charts and graphs for franshisees to be able to examine sales data related to their franchise of food trucks. After logging in via a login page, each franchisee will have one page that will show metrics at the franchise level, and another that will show metrics around the food truck brands for that franchise.

The Processing and User Interface Layers will be built using Node.js. The dataset is a orders history for Tasty Bytes.

Both the Processing and the User Interface Layers are then hosted on Snowpark Container Services services.

Prerequisites

  • A Snowflake account, and familiarity with the Snowsight interface
  • Privileges necessary to create a user, database, and warehouse in Snowflake
  • Ability to install and run software on your computer
  • Basic experience using git
  • Intermediate knowledge of Node.js and React JS

What You’ll Learn

  • How to configure and build a custom API Powered by Snowflake, written in Node.js
  • How to configure and build a custom frontend website to communicate with the API, written in React and Node.js
  • How to run and test the frontend and API on your machine

What You’ll Need

aside positive Installing Using NVM

Node Version Manager provides the ability to have multiple versions of Node installed on your local environment. This can be helpful so that you can complete this lab without impacting any existing Node setup that you have on your machine. NVM can be found here: https://github.com/nvm-sh/nvm

To run this lab you will want to utilize Node 18.16.0 which can be installed using the following command after NVM has been installed: nvm install 18.16.0

What You’ll Build

  • API Powered by Snowflake built in Node.js
  • React JS Web Application that connects to that API
  • Services hosted in Snowpark Container Services

Explore the quickstart

Head over to Snowflake Quickstarts and run thought the quickstart end-to-end.

sfguide-tasty-bytes-zero-to-app-with-spcs's People

Contributors

sfc-gh-fgoransson avatar iamontheinet 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.