Continue the course with TinyHouse

Enroll in TinyHouse to continue the course!

Project Source Code

Get the project source code below, and follow along with the lesson material.

Download Project Source Code

To set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.

Continue the course with TinyHouse

Congrats on finishing this course! At this point, you should have a good understanding of spinning up Node/Express servers, using TypeScript, and establishing a GraphQL API with the help of the Apollo Server package. There's a lot more to learn and cover when it comes to building on this foundational knowledge to moving towards building a full-stack production-ready application. If you're interested in continuing what you learned, read below to get a brief understanding of everything we cover in the TinyHouse Masterclass.

In TinyHouse, we'll learn how to build production web apps using React, GraphQL, Node, MongoDB, and TypeScript. The Masterclass is geared to be a hand's on, project-based experience and we're incredibly excited to have you with us!

We're your instructors for this course - Hassan and Jing. Between us, we've authored Fullstack Vue, published a series of different publications under the Fullstack/Newline umbrella, worked on our own start-ups, and have built large-scale production apps with React, GraphQL, and TypeScript.

Part I & Part II

We've broken the course down into two parts. In Part I, we introduce all of the core technologies we'll need to develop a full-stack web app. We'll learn about Node, TypeScript, GraphQL & Apollo, MongoDB, and React Hooks. We'll use these technologies to build a web app that presents listing data that is kept in a MongoDB database and accessed through a GraphQL API.

This lesson preview is part of the The newline Guide to Building Your First GraphQL Server with Node and TypeScript course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

This video is available to students only
Unlock This Course

Get unlimited access to The newline Guide to Building Your First GraphQL Server with Node and TypeScript, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

Thumbnail for the \newline course The newline Guide to Building Your First GraphQL Server with Node and TypeScript
  • [00:00 - 00:17] Welcome to Tinyhouse, Newline's first Masterclass. In this Masterclass, we'll build a production-ready application using React, GraphQL, TypeScript, Mongo, and Note.

    [00:18 - 00:26] This Masterclass is a project-based hands-on experience and we're incredibly excited to have you with us. We've broken the course down into two parts.

    [00:27 - 00:40] In part one, we'll be introducing all the core technologies you'll need to develop a full-stack web app. We'll learn about Note, TypeScript, GraphQL on Apollo, MongoDB, and React.

    [00:41 - 00:56] We'll use these technologies to build a web app that presents listing data, which is kept in a Mongo database and is accessed through a GraphQL API. We will also introduce a UI framework to make our app more presentable.

    [00:57 - 01:11] In part two, we'll be taking everything we've learned from part one to now focus on building an actual production-ready app. We'll maintain and use all the things we've learned in part one, but now focus on building the Tinyhouse application.

    [01:12 - 01:46] We'll discuss the relationships and flow within our app as well as handle topics like Google OAuth for sign-in. Use Google's Geocode API to resolve location-based searches, stripe for handling payments, image storage with Cloudinary, deployment, and a lot more.

    [01:47 - 01:56] We are excited to launch our course on the new line platform. We'll have access to all source code, screencast videos, and menu script.

    [01:57 - 02:09] In order to reinforce learning material, the course also contains quizzes, project challenges, lecture slides, and a lot more. We're incredibly excited to have you, and we'll see you in the course.