mirekv Goto Github PK

crwn-clothing-firebase-cart

This repository contains my solution for storing a users cart in firestore. Most of the new code is in the cart saga and firebase utils along with the typical react-redux actions and action types. Make sure to look at the README to see what the security rules are!

graphql-practice

We have converted over a few components to leverage the apollo clients local storage capabilities, use this project as the starting point for converting the remaining components over to using Apollo-clients local storage!

graphql-practice-complete

The final version of our application after converting it to leverage apollo-client for handling local state. *One thing to note is that in checkout-item.container we use something new, the compose function and the graphql function we get from react-apollo to handle multiple mutations!

lesson-12

We have added redux to our application so we can leverage all the benefits that come with uni-directional data flow. Instead of the prop drilling we would have to do in order to pass our new user object down deeper into our component trees from our app, we can now just connect those components directly to our redux store where we store all our data.

lesson-14

We now need to create our cart feature in our application. To start, we'll create our cartIcon and cartDropdown components. Then we'll create the necessary reducer, actions, and types associated to handling hiding and showing the carDropdown component.

lesson-2

Creating our first component, homepage and adding scss to help us with writing our styles

lesson-21

We also want to be able to update the quantity using buttons to the left and right of the number, so we will add the appropriate code to do so.

lesson-23

We have now created our collection page and converted our shop items data over from an array to an object to better leverage our url parameters! Converting arrays over to objects to store data is called data-normalization and it makes searching for specific elements in our code much easier and efficient!

lesson-32-complete

Let's make our code mobile responsive! We wrote some media queries into the appropriate css files and now we have mobile friendly code!

lesson-34

In this lesson we're adding tests into our application!

lesson-7

Creating header component to demonstrate where react-router renders our content on the page using <route> component

lesson-8

Starting our sign in section by creating a new sign in and sign up page, as well as start creating sign in component.

lesson-9

Creating our firebase database and adding the firebase library into our code. Add google sign in and authentication into our application.

react-context-complete

A complete version of our application converting everything redux over to using the contextAPI

webpack-final