Build a fullstack app that books vacations to the moon

This course like resource will you teach how to use GraphQL with AWS Lambda and DynamoDB with JavaScript on the backend. While you can choose your own adventure on the frontend side of things with Vue or React. Both tracks will cover use of their respective Apollo Client libraries, while using Stripe for payments.

Tech stack

Frontend

On the frontend, you can create the Lunar Tour in either Vue or React. On the Vue side you uncover how to persist state in multiple components. While in the React course, you can learn how to use Apollo's Local Cache as an alternative for Rdux.

Vue

new_tab_icon

Docs

Vue Apollo

new_tab_icon

Docs

Apollo Client

new_tab_icon

Docs

Tailwind CSS

new_tab_icon

Docs

Ant Design

new_tab_icon

Docs

Backend

Using the Serverless Framework, you will be able to create a GraphQL Lambda powered by Apollo Server.

Serverless

new_tab_icon

Docs

Apollo Server

new_tab_icon

Docs

AWS Lambda

new_tab_icon

Docs

AWS DynamoDB

new_tab_icon

Docs

Stripe

new_tab_icon

Docs

GraphQL

new_tab_icon

Docs

Seed

new_tab_icon

Docs

Chapters

Backend

1. Epilouge

A Case For Graphql

2. Setting Up infrastructure

Create Backend Repo

Setting Up Seed

3. Adding libraries

Adding the AWS SDK

Running our Lambda locally

Adding listings to Dynamo

4. Create All listings query

Creating our GraphQL schema

Export listing functions

Complete Listing Query

5. Get A Listing Query

Create Schema For A Listings

Complete Get A Listing Query

6. Make a booking mutation

Setting Up Stripe

Export the Mutation Function

Creating the Mutation in the Schema

Complete Mutation

7. Unit testing

Unit Testing Queries

Unit Testing Mutations

8. Deploy Backend

Deploy Backend Code

Frontend

9. Vue cli

Creating the Frontend Repo with Vue CLI

10. Tailwind

Installing Tailwind

11. Building reusable components

Create Nav and Header

Create Typography Components

Create Red Block Button

Create Red Outline Button

Create Blue Block Button

Create Remove Button

Create Tour Card

12. Landing Page

Setup Vue Apollo

Create Home Component

13. View Listing

Create Listing Component

14. Make A Booking

Setup Mutation Workflow

Create Booking Component

Create Booking Forms

Execute Booking Mutation

15. Deploy Frontend

Deploy Vue App to Netlify

16. Bonus

To make a bleeding edge appilcation you need amazing providers to make it imaginable and practical

partners

Hosting of repos

partners

Cloud provider

partners

CI/CD provider

partners

Prototyping

partners

Product management

partners

Hosting/CMS

partners

Product management