Turbo 360 Turbo 360

Garage Sale App

In this 4-part workshop, we create a simple React & Redux application where users can find random items for sale by navigating a map. We use Google Maps as well as Turbo 360 for the hosting environment. In addition, we create a very basic REST API for handling...

Turbo 360 Turbo 360

React Redux With Instagram

In this open workshop, we created a very simple React Redux app which pulls data from the Instagram API and renders images on the screen. This example is meant to show a React Redux implementation from scratch and is not a realistic project. Normally, using Re...

Turbo 360 Turbo 360

Server Side Rendering with Redux

In this series, we create a simple React Redux application in which users can register and log in. Afterward, we render the React components on the server side in consideration on the Redux state. We check if the user is logged in and render a different UI bas...

Turbo 360 Turbo 360

Job Board

In this workshop, we create a simple job board app. We start with static data rendered on basic React components then integrate a simple REST API for fetching real data. We then create a few fake jobs which are persisted to the Turbo Datastore and render those...

Turbo 360 Turbo 360

SMS News Feed

In this workshop, we create a newsfeed app where users can post articles by sending a text message with a the URL to a certain phone number. The SMS is received by Twilio which then sends the data to our app to save to our backend. During that process, we scra...

Turbo 360 Turbo 360

React App with Facebook Auth

In this project, we will create a simple React with Redux app that uses Facebook authentication to gain additional information about the user. The app will register users the conventional way - username & password - then connect to a Facebook app in order to g...

Turbo 360 Turbo 360

User Registration w React & Redux

In this workshop, we set up a simple React with Redux project in which we register users that are persisted the Turbo backend. We cover the steps thoroughly as they relate to the Redux architecture and deploy to the Turbo staging environment for live testing....

Turbo 360 Turbo 360

SMS Text Message With Twilio

In this workshop, we deploy a serverless function on the Turbo 360 Vectors platform. The function sends an SMS text message using the Twilio SDK and the Turbo 360 Vectors serverless platform to execute with the need for a backend. We then create a simple React...

Turbo 360 Turbo 360

React Demonstration - Stevens Institute of Technology

In this workshop at Stevens Institute of Technology (Hoboken, NJ), we set up a full stack React app on Turbo 360. The app sends an SMS message using the Twilio SDK based on parameters entered in to form fields. Finally, we deploy the app on the Turbo 360 Verte...

Turbo 360 Turbo 360

Redux Walkthrough

This project is a simple walk through for setting up a React project with Redux for state management. This is not a stand-alone project per se but rather, a simple, methodical introduction to Redux for basic background knowledge in other tutorials. In this ser...

Turbo 360 Turbo 360

Simple Snapchat Clone

In this introduction to React Native, we create a snapchat clone that allows users to share messages and imaged with other users, which are deleted after they are opened. We will set up a react native development environment and build an application from scra...

Turbo 360 Turbo 360

API Demo

In this workshop, we leverage the <a href="/tutorial/instagram-clone">Instagram</a> and Foursquare APIs to create basic sites with dynamic data. The site renders an Instagram feed based on the username entered in the query string. It also uses Foursquare data...

Turbo 360 Turbo 360

Restaurant Website

The restaurant website tutorial is a top-to-bottom implementation of a website for an imaginary upscale restaurant in an urban area. After setting up a base template with UI and graphics, we incorporate additional elements from the restaurant's online presence...

Turbo 360 Turbo 360

Dog Sitting Website

Welcome to a 7-part tutorial series on building a web application using Node JS, Express and Turbo 360 . This series is perfect for teaching you how to build your startup MVP. We walk through the basics of setting up a Vertex, running your development server,...

Turbo 360 Turbo 360

React Native - Setting Up

This video will show you how to get your development environment up and running for React Native Development. Whether you plan to develop using the React Native CLI with Xcode and Android Studio, or you just want to use Create React Native App and Expo, this...

Turbo 360 Turbo 360

React Native - Calculator

In this 3-hour intro course to React Native, we build a simple calculator app that will get students familiar with react and react native using some of the more basic components which are the building block of most applications. By the end of the course, we wi...

Turbo 360 Turbo 360

Chat Site - Reddit Clone

This series is a great introduction to Node JS with a full stack web development focus. We will create a basic chat website similar to Reddit where users can enter various chat room ("subs" in Reddit lingo) and post comments and replies. We will begin with a b...

Turbo 360 Turbo 360

Real Estate Listing Site

In this series, we create an actual real estate listing website for a property management company who has agreed to let us share the process in a tutorial series. We use Node / Express / Turbo 360 / to build a mostly static website with some additional dynami...

Turbo 360 Turbo 360

News Feed App

In this tutorial, we create a React-Redux application which aggregates news feeds via RSS. The idea is to show the most recent posts from your favorite websites in a consolidated UI. Throughout, we use React, Redux and Turbo for data persistence. We also deplo...

Turbo 360 Turbo 360

Deploying Websites

In this workshop, we deploy a simple static site using three easy-to-configure options: GitHub Pages, Amazon S3, and Turbo. We discuss the pros & cons for each platform and when you should consider one over the other. Download the theme we used here: <a style=...

Turbo 360 Turbo 360

Site Clone - Slack

A great way to learn best practices and techniques for web development is to see how the professionals do it. In this series, we do exactly that by re-creating the landing page and on-boarding process of Slack.com. We will create the landing page and register...

Turbo 360 Turbo 360

React Redux Simple App

In this demo, we set up a simple React with Redux application and go through the Redux sequence. We query the Foursquare API for a list of nearby venues and use Redux to select a venue. We use Turbo to scaffold the project so you will need it to follow along:...

Turbo 360 Turbo 360

React, Redux & Foursquare

In this series, we create a simple app that queries the Foursquare API for nearby venues based on a zip code and category entered by the user. This project has no server (Node JS) integration and is therefore a good starting point to learn React/Redux only. Th...

Turbo 360 Turbo 360

Social Bookmark Site

In this tutorial, we will build a simple site where users can save links. Saved links can then be viewed by other users on a profile page. We will use the following frameworks and libraries:<br /><br /> <ul class="list_ok"><li>Node</li><li>Express</li><li>Mong...

Turbo 360 Turbo 360

Intro To Web Scraping

Sometimes, the data that you want for your project just isn't out there in a convenient JSON or CSV format. This is where web scraping comes in. With web scraping, we can get the data needed for our projects but it requires us to dig through html and identify...

Turbo 360 Turbo 360

React & Google Maps

In this tutorial, we will create a simple React application with a Google Maps UI. The application will show a list of venues on the map that refreshes each time the user moves the map to a new location..<br /><br /> <h4>Who</h4>This is intended for those who...

Turbo 360 Turbo 360

Portable Chat Plugin

In this tutorial, we build a React based portable chat module that can be loaded into any website as a plugin. The plugin will then load a series of comments specific to the site or page and allow readers to add their own comments. All comments will be updated...

Turbo 360 Turbo 360

Node & React Immersive

This tutorial follows the Node & React Evening Immersive 24-Week course that runs from October 2016 through March 2017. The group meets three nights each week and every session is recorded then posted to this tutorial. Videos are posted the day after each clas...

Turbo 360 Turbo 360

Node & Express Intro

In this tutorial, we create a basic Node JS site with the Express framework from scratch. The project is meant to serve as a generic site that can be extended for use in most consumer-facing applications. The site incorporates much of the core functionality ex...

Turbo 360 Turbo 360

Podcast App

In this tutorial, we set up a podcast audio streamer with search functionality. Users can search for podcasts using the iTunes search API and stream directly through the browser. - React - Redux - Mobile UI - Audio Player - iTunes API This tutorial is an int...

Turbo 360 Turbo 360

Debugging Node & React Apps

Debugging is the most frustrating aspect of programming for beginners and professionals alike. In this series, we explore the overall thought-process behind debugging in general and then we dive into a handful of bugs in the Node and React environments specifi...

Turbo 360 Turbo 360

Email Notification Microservice

In this video, we set up a micro service Node JS project which sends emails in response to API requests. This is useful for sending newsletters, confirmation emails, and notifications after specific events. The key principle behind this project is to build a m...

Turbo 360 Turbo 360

Node React Intro Course

This tutorial series follows the Node & React intro course that ran during October and November 2016. Across eight weeks, the course covered the core concepts of Node and React: &#8226; Node, Express &#8226; Mongo DB &#8226; React &#8226; Redux &#8226; React...

Turbo 360 Turbo 360

Chat With React and Firebase

In this tutorial, we will create a basic React application then connect it to a Firebase for real-time data. Users will be able to connect and chat with other users currently on the site. We will deploy on GitHub pages so there is no need for a server, convent...

Turbo 360 Turbo 360

Using Themes With React

Using html web themes are a great way to add a professional look and feel to your site in a short amount of time. However, with React, this technique can be tricky. In this 2-part tutorial, we use a basic web theme from html5up.net to create a React based proj...

Turbo 360 Turbo 360

Photo Sharing App

In this 4-part series, we build a photo sharing app with geo-searching capability. Users can upload photos and search for nearby photos by moving a map (Google Maps) around. The following tools and libraries are used in this project: <ul><li>Node</li><li>Exp...

Turbo 360 Turbo 360

Image Uploading With React

In this tutorial, we create an image uploading module with React and host the images on a 3rd party provider called Cloudinary. This will enable us to upload and store images without an AWS S3 storage bucket and also makes it convenient for image transformatio...

Turbo 360 Turbo 360

Guide To Freelancing

Freelancing as a software engineer requires a blend of skills that extends well beyond just coding. Presenting yourself, branding, finding leads, closing deals, managing clients, negotiating rates, building a steady pipeline - all of these elements are non-cod...

Turbo 360 Turbo 360

React Native - Instagram

In this 4-part introductory React Native series, we go from learning some React Native basic components and layout all the way to integrating Redux and storing camera images in the cloud. By going over some React Native core components such as View, Text, Inp...

Membership


Basic

Free


  • • Access to Select Tutorials
  • • Downloadable Videos & Source Code
  • Discounts to Workshops
  • Portfolio & Resume Feedback
  • Exclusive Job Listings Newsletter
  • Personal Branding Platform (coming soon)
  • Project Collaboration Platform (coming soon)
Start
Premium

$10 / mo


  • • Access to All Current & Future Tutorials
  • • Downloadable Videos & Source Code
  • • Discounts to Workshops
  • • Portfolio & Resume Feedback
  • • Exclusive Job Listings Newsletter
  • • Personal Branding Platform (coming soon)
  • • Project Collaboration Platform (coming soon)
Start