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

Appendix

Installing React Locally Installing Git Locally

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

...

/

Wrap Up!

Wrap Up!

Learn where to go from here.

We'll cover the following...

What's next?
Feedback

Congratulations! You’ve successfully completed this course and learned how to build an e-commerce application from scratch with React and GraphQL. You also learned to fetch ...