~Get Your Files Here !

  1 - Installing and Configuring Amplify

   1 - GitHub Repo.txt

   1 - Installing the Amplify CLI.mp4

   2 - Configuring the Amplify CLI.mp4

  10 - Creating a Grahql Subscription

   24 - Graphql subscription subscribing to real time updates in graphql.mp4

  11 - Some code Refactoring before continue

   25 - Refactoring the code moving the modal status to the reducer.mp4

   26 - Cleaning up the subscription in useEffect.mp4

  12 - Creating a Graphql deletion and subscription

   27 - Deleting an item while calling dispatch from another component.mp4

   28 - Deleting a list from Graphql.mp4

   29 - Subscribing to onDelete mutation in AppSync.mp4

  13 - Creating the reusable editing modal

   30 - Create the Edit button dispatch and reducer.mp4

   31 - Opening the edit modal.mp4

   32 - Creating a reusable modal.mp4

  14 - Updating the lists and creating a Subscription to update it

   33 - Updating the list.mp4

   34 - Subscribing to onUpdate subscription.mp4

   35 - Updating the values received on the subscription.mp4

  15 - Real Time Update is already here

   36 - Surprise this app is already updating in real time.mp4

  16 - Creating our S3 bucket to store our images

   37 - Creating a S3 Bucket to keep our files.mp4

   38 - Creating an Upload Image Component to upload images to S3 Bucket.mp4

  17 - Retouching the UI and Refactoring the code

   39 - Making our new component look good using useRef to hide the input.mp4

  18 - Creating a Image Preview and uploading it to S3

   40 - Showing an image preview before update the image.mp4

   41 - Uploadind a Image to the S3 Bucket.mp4

  19 - Updating our Graphql model

   42 - Updating our Graphql database to have the imagekey.mp4

  2 - Creating our React app

   3 - Creating our React app.mp4

   4 - Initialising AWS Amplify English.vtt

   5 - Deploying our React website using AWS Amplify Console English.vtt

   6 - Creating a CICD to our React App using Amplify English.vtt

   7 - Testing our CICD pipeline for React English.vtt

  20 - Creating a React Custom Hook to help with S3

   43 - Creating a custom Hook to upload to S3 Bucket.mp4

   44 - Using our React Custom Hook in our Modal.mp4

   45 - Checking the values in our DynamoDB and S3 Bucket.mp4

  21 - Loading our images from S3 on AWS

   46 - Loading our Image from S3.mp4

  22 - Enhancing our App with a Spinning loader

   47 - Adding a Spinning Loader while we load our Images.mp4

   48 - Stopping the spinner loaders once the image has loaded.mp4

  23 - Searchable models with Elastic Search

   49 - Understand why do we need to make our model searchable.mp4

   50 - Making the model searchable.mp4

  24 - Updating Amplify if you need it

   51 - Updating Amplify to the latest version.mp4

  25 - More about searchable queries and elastic search

   52 - Understand the searchable query and updating our lists.mp4

  26 - Creating new routes for our app using reactrouter and reactrouterdom

   53 - Installing React Router Dom and creating a new Root Route.mp4

   54 - Adding a new Route on the React Router Dom.mp4

   55 - Creating Dynamic Routers and passing values to the new components.mp4

   56 - Adding Link from React Router Dom on your lists.mp4

  27 - New Header for the new route

   57 - Creating a Header for the List Page.mp4

  28 - Creating new list items using the GraphQl interface in AWS Amplify console

   58 - Crating some list items and our search query.mp4

  29 - Small Refectory

   59 - Refactoring the code to include all the routers inside main.mp4

  3 - Creating Authentication on AWS and enforcing it on our React app

   10 - Creating the SignUp SignIn SignOut and Reset Password pages.mp4

   8 - Creating a deploying a Authentication backend in AWS using Coginito.mp4

   9 - Installing React modules and configuring AWS Amplify in React.mp4

  30 - Integrating our List and out List Component

   60 - Passing our list details to the list item component.mp4

   61 - Querying the appsync for the list items using searchable.mp4

  31 - Searchable vs No Searchable

   62 - Understanding the difference between a searchable and a not searchable models.mp4

   63 - Creating our searchable query.mp4

  32 - Creating a custom query using GraphQl in AppSync

   64 - Creating a appsync custom query.mp4

   65 - Displaying our list items.mp4

  33 - Adding authentication and authorisation the the different end point

   66 - Adding auth to our GraphQl endpoints.mp4

  4 - Creating a Graphql API using Amplify

   11 - Creating the Graphql API in the backend using Amplify.mp4

   12 - Creating our Graphql Model.mp4

   13 - Creating our first Query and First Mutation.mp4

   14 - Querying our Graphql in AppSync from our React app.mp4

  5 - Making our Amplify App look amazing with SemanticUI

   15 - Adding Semantic UI React to our project and creating a new Main Header.mp4

   16 - Create a Lists component to group our lists.mp4

   17 - Creating Items and Items groups with SemanticUI React.mp4

   18 - Adding out page into a Container and adding Image and date to our list.mp4

  6 - Creating a floating button like on Material UI

   19 - Creating a floating action button in React.mp4

  7 - Creating a Modal using SemanticUI

   20 - Creating a new modal using SemanticUI.mp4

   21 - Adding all the fields on our modal.mp4

  8 - Managing the Modal State using React Hooks

   22 - Manage the state using useReducer.mp4

  9 - Creating a Graphql Mutations

   23 - Graphql mutation add a new item to AppSync.mp4

  Bonus Resources.txt