zhangmyihua / crwn-clothing-v2 Goto Github PK

Version 2 of Crwn-Clothing!

HTML 37.96% JavaScript 53.97% CSS 8.07%

crwn-clothing-v2's Introduction

How to fork and clone

One quick note about cloning this project. If you wish to make commits and push your own code, you'll need to fork the project first. Forking allows you to have your own copy of this repository by adding a duplicate version in your own profile!

You can see the fork button in the top right corner of every GitHub project; click it and a copy of the project will be added to your GitHub profile under the same name as the original project.

After forking the project, simply clone it the way you would from the new forked project in your own GitHub repository and you can commit and push to it freely!

After you fork and clone:

Install dependencies

In your terminal after you clone your project down, remember to run either yarn or npm install to build all the dependencies in the project.

Set your firebase config

Remember to replace the config variable in your firebase.utils.js with your own config object from the firebase dashboard! Navigate to the project settings gear icon > project settings and scroll down to the config code. Copy the object in the code and replace the variable in your cloned code.

Branching strategy

After forking this repository and cloning it down, you will have access to all the lesson branches with code at different checkpoints throughout the course. If for some reason you need to work from the codebase at one of these lesson branch checkpoints, follow these steps:

Checkout to the lesson-# (let's use lesson-15 as an example) branch

git checkout lesson-15

Branch off from lesson-15. This will create a new branch where the code of lesson-15 is the basis for your new branch. You can name your new branch whatever you want! Let's say we use my-main-branch as the name.

git checkout -b my-main-branch

Now you can just code on this branch, push code from this branch up to your forked repo etc. The main thing to remember is that you want to be on this branch for your own code, so remember what you named this branch!

crwn-clothing-v2's People

Contributors

Stargazers

Watchers

Forkers

vijeyash1 yihuazhang2 fikrinazilul1690 jessecollier123 fedegl85 tarunpodavu1 georgebrianb pishihod2 dlsbmiguel louislio rubentobox akilvarli l-train-0101 nazarroshchuk terrynet dr4co cruzzhere darkoce nikola0707 furuikeya danielxburns luisdomal 04187362 gfrilot123 santosr09 hunter71a mezinstark akzen kingheaven ronieldegozo fatwaarya krishna1705 thireng187 arturasan mattevo19 sy-cook overdravila ujangaris rambhual dharmeshghadiya mango-ig francois777 pbenson kronos78-cloud larrygf02 sophadethrithya anaysoul tmustopalamin tyomart kalayjan wudangklan abdulnaseem jvalluru0121 cmsashok2009 kennethtml abdoojarbouh owenbaldwin michalg96 sem-draws atomicoder jflores-95 kobejj sayanmaiti2 karansachdeva18 aksaes mariyanailieva kmoshe vaishali-sapient oneflyme namachan-1 prashanthdeekonda asjanaka11 ankitbhasin10 lukeannison ricegit aejazballari james-maccarthy kbloyd juswes16 danlivassan stevenbaezfernandez marlonbarrios yamiyukiharu shashidhar-b-v drwillems jamesdswarner nunsinee jola-blvhk akinolaaa rstiehm sbaah yomnaali22 evatu jsjovik stephenlove003 jaehwanleem smaridi smarthguydev andyfleer keshibat

crwn-clothing-v2's Issues

HELP: Sign Out failure

Hello, I meet with a sign out failure during 179 Github-Repo-Branch-Lesson-38

Here is my repo:

https://github.com/Ucely/crwn-clothing

online environment:

https://stackblitz.com/edit/crown

can you help me to cope with this problem? many thanks!!

user.context.jsx lesson 26

dispatch({ type: USER_ACTION_TYPES.SET_CURRENT_USER, currentUser: user });

should been
dispatch({ type: USER_ACTION_TYPES.SET_CURRENT_USER, payload: user });

hey i want to change the size of pictures to square on my trouser page on shopify store on ira theme please guide me

          hey i want to change the size of pictures to square on my trouser page on shopify store on ira theme please guide me

https://bodybrics.com/collections/mens-pants-trousers-joggers

Originally posted by @Edward5190 in #148 (comment)

Nothing displays after I Login and press Shop

I'm having problems with the Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL): Zero to Mastery course.
I've been working in the [Firebase Database Storage] section for sometime now.
Just to save some questions to come at me, I've downloaded the scripts from the git site up to Branch Lesson 21 and yes I put my login info for firebase utility.
The users and the collections are there on the firebase site .

The app starts up okay.
After I sign in and click shop nothing appears except the Crown Icon and navigation
For some strange reason it has been working that way for quite through a bunch of videos.
Originally I thought it was the way I might have typed something, so I been pulling the code from the git site

I get the same issue no matter if its Chrome or Firefox
but in addition to my main problem If I try using Firefox, when the initial page displays, everything is crunched down

Please help if you can as this is certainly frustrating

Mike
[email protected]
here's a snap shot of my console

when i upload to heroku

lecture 145 user.context.jsx line 36

line 36 dispatch({ type: USER_ACTION_TYPES.SET_CURRENT_USER, currentUser: user });
should be
dispatch({ type: USER_ACTION_TYPES.SET_CURRENT_USER, payload: user });

Reducer Section - Bugs with cart and checkout [branch lesson 28 & 29] (with solution)

Reducer section (lesson 28 to 29)

Hello everyone 👋

I thought I might save someone some time with problem solving the issue with the source code here. If you are following and coding along with this repo and the videos and you get to the end of the section you will be left with a couple bugs.

You will find a bug that will affect the cart, as a quick QA example

If you add an item to the cart ;

the cart icon will remain at 0
proceed to checkout and you will see the item there however the cart total will be 0

If you add a second item to the cart ;

the cart icon will update to 1
proceed to checkout and you will see the two items in your cart

Further there will be issues with calculating the total amount, increasing/decreasing on checkout page etc.

Source Code (according to the video and GitHub repo)

Click to expand


export const CartProvider = ({ children }) => {
  const [isCartOpen, setIsCartOpen] = useState(false);
  const [{ cartCount, cartTotal, cartItems }, dispatch] = useReducer(
    cartReducer,
    INITIAL_STATE
  );
  const updateCartItemsReducer = (cartItems) => {
    const newCartCount = cartItems.reduce(
      (total, cartItem) => total + cartItem.quantity,
      0
    );
    const newCartTotal = cartItems.reduce(
      (total, cartItem) => total + cartItem.quantity * cartItem.price,
      0
    );
    const payload = {
      cartItems,
      cartCount: newCartCount,
      cartTotal: newCartTotal,
    };
    dispatch(createAction(CART_ACTION_TYPES.SET_CART_ITEMS, payload));
  };

Solution Bug Fix