IN CLASS: React-Pinterest Project

[drteresavasquez]

Here is the overview of what we decided as a class to complete for our React Pinterest project

Let's use this thread for questions and discussions related to this project

[drteresavasquez]

@nss-evening-cohort-13/students here also is a tool that can help you create mock data! There is even a firebase export setting! https://www.mockaroo.com/

[drteresavasquez]

Here is a list of the things we need to do in order to complete the React-Pinterest project: https://github.com/nss-evening-cohort-13/react-pinterest/blob/main/Monday.md

Tonight, we will work through creating forms to create the boards that give users the ability to either paste a URL or upload an image using Firebase storage. The code for the upload can be reviewed here and we will walk through the process in class.

Quick gif on how to access FB Storage:

[drteresavasquez]

@nss-evening-cohort-13/students I figured out our issue. The board form was being rendered before the props were passed because we are making an api call, so....we could either do a loader to give the API call time to do its thing, or we could check state to make sure that the boards object is not empty like this...this code can replace the BoardForm call in the SingleBoards.js file:
{ Object.keys(board).length && <BoardForm board={board} onUpdate={this.getBoardInfo} />}

[drteresavasquez]

For some who are getting 400 errors for your firebase uploads, it is possible that this has happened to you as it happened to me as well. It may be best to only store images. I had gifs in mine, which I think pushed me over the limit: