Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator

From the creator

Learn how to use Next.js, TypeScript, and AWS Amplify to build a full stack inspirational quote generator app. You'll learn to use the ZenQuotes' API for fetching quotes and then you'll deep into state management, hooks, debugging, NoSQL database modeling, and much more. ✏️ Course created by @BrianHHough 💻 Code: https://github.com/BrianHHough/inspirational-quote-generator-freeCodeCamp Live Site: https://prod.d162tlmsvnhy1m.amplifyapp.com/ ❤️ Try interactive Full Stack courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Fullstack (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (0:00:00) 📱 Intro + Demo of App ⌨️ (0:07:17) 📂 Set up your GitHub Repository ⌨️ (0:10:53) 💻 Create a new Next.js + Styled Components project ⌨️ (0:26:37) 🅰️ Add Google Fonts to the App ⌨️ (0:30:22) 🎑 Create a Dynamic Background ⌨️ (0:53:02) 📑 Create a Footer for our Database Data ⌨️ (1:04:16) 🚪 Create a Pop-Up with Material-UI Modal + Hype4Academy Glassomorphism ⌨️ (1:23:26) 🖼️ Write a Node.js Script to Generate Images in CodeSandbox ⌨️ (1:36:23) 📡 Use Node.js' fetch Function to Call ZenQuotes' API to Generate Images ⌨️ (2:04:33) ⚙️ Use the AWS Amplify CLI to Initialize the Project ⌨️ (2:12:01) 🔄 Configure the App to Communicate with AWS Amplify ⌨️ (2:16:31) 🌐 Create a GraphQL API with AWS AppSync ⌨️ (2:26:12) 🔒 Add Authentication with Amazon Cognito and IAM ⌨️ (2:30:08) 🌩️ Add an AWS Lambda function to the AWS services stack ⌨️ (2:32:08) ☁️ Deploy ou

Published 2023-05-22 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.