AI Features

0% completed

All LessonsFree Lessons (6)

Introduction

Getting Started

Building E-commerce Application Frontend with React

Introduction to React Setting up E-commerce Application Creating React Components Setting up Pages in a React Application Implementing Routing in E-commerce App Dynamic Routing in React for Single Products Challenge: Building an E-commerce Application’s Frontend with Rea Solution: Building an E-commerce Application’s Frontend with Reac Dynamic Routing for Each Category in React The Complete E-commerce Application Quiz: Build an E-commerce Application’s Frontend With React

Handling Content Management with Hygraph

What is Hygraph?Getting Started with Hygraph Create Schemas for Products Create a Schema for Categories Create and Publish Content to Hygraph Exploring and Configuring Hygraph API Challenge: Handling Content Management with Hygraph Solution: Handling Content Management with Hygraph Quiz: Handle Content Management with Hygraph

Fetch Content from Hygraph with GraphQL

What is GraphQL?

Working with GraphQL and Hygraph in React

Fetching All Products with GraphQL from the Hygraph API

Implementing Dynamic Routing with GraphQL

Challenge: Fetching Content from Hygraph with GraphQL

Solution: Fetching Content from Hygraph with GraphQL

Use GraphQL and Data from Hypgraph to Complete the Application

Quiz: Fetching Content from Hygraph With GraphQL

Implementing a Carting System with Snipcart

What is Snipcart?Adding Products to Our Cart with Snipcart Adding Snipcart Data to Our Application’s Navbar Adding Payment Gateway in Snipcart Challenge: Implementing Carting System with Snipcart Solution: Implementing the Carting System with Snipcart Complete the Application with Carting Implementation Quiz: Implementing the Carting System with Snipcart

Deploying an E-commerce Application

What is Deployment?Pushing Our Source Code to GitHub Deploying with Netlify Challenge: Deploy an E-commerce Application on GitHub Solution: Deploy an E-commerce Application on GitHub Quiz: Deploy E-commerce Application

Conclusion

Course Challenge Solution Wrap Up!

Appendix

Installing React Locally Installing Git Locally

React and GraphQL: Build an E-commerce App with Hygraph

Working with GraphQL and Hygraph in React

Learn how to use GraphQL in React.

We'll cover the following...

Install packages

Previously, we learned that GraphQL is a query language for querying what we want from an API and that it ...