AMAZON REACT.JS Challenge | Day 2 (Complete Frontend & API | Next.js)

AMAZON REACT.JS Challenge | Day 2 (Complete Frontend & API | Next.js)

Join me on Day 2 of 5 of the 5-DAY AMAZON CHALLENGE where we build the Complete Front End of the build + Implement Fake Store API!

Join me on Day 2 of 5 of the 5-DAY AMAZON CHALLENGE where we build the Complete Front End of the build + Implement Fake Store API!

🔴 Make sure to follow all the steps below for the FREE Amazon Challenge RIGHT NOW so you don't miss out on the Challenge and the potential grand prizes (£10,000+) you can win on the 23rd of May where we will reveal the WINNERS!

🕤 TIMESTAMPS:

  • 00:00 Introduction
  • 00:47 Day 2 Presentation (1/2)
  • 07:27 Portfolio Submissions (1/2)
  • 09:11 Day 2 Build Demo
  • 09:59 Portfolio Submissions (2/2)
  • 12:24 Day 2 Presentation (2/2)
  • 13:52 Amazon Build Starter Template
  • 16:37 Starting the Build
  • 24:16 Enabling Emmet Shortcut Tip!
  • 28:40 Building the Header Component
  • 31:31 Implementing the Fake Store API
  • 34:05 Building the Left Side of the Header
  • 38:52 Building the Search Bar
  • 50:15 Building the Right Section of the Header
  • 1:08:57 Building the Bottom NavBar
  • 1:16:14 Building the Banner Component
  • 1:26:57 Building the Product Feed Component (1/2)
  • 1:37:33 Building the Product Component
  • 2:00:16 Building the Product Feed Component (2/2)
  • 2:10:48 Pushing the build to GitHub
  • 2:17:27 Deploying to Vercel
  • 2:20:32 Amazon Day 2 Build Final Demo
  • 2:22:16 Outro

react api next

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Top 10 API Security Threats Every API Team Should Know

Learn what are the most important API security threats engineering leaders should be aware of and steps you can take to prevent them

An API-First Approach For Designing Restful APIs | Hacker Noon

I’ve been working with Restful APIs for some time now and one thing that I love to do is to talk about APIs.

Public ASX100 APIs: The Essential List

The method used for this initial research was to obtain a list of the ASX100 (as of 18 September 2020). Then work through each company looking at the following

Build a Basic React CRUD App with React Hook using Next.js API Routes

Learn how to build a basic Next.js CRUD application with the React Hook Form library that includes pages that list, add, edit and delete records using Next.js API routes.