React Project Four: Build a Property Management Application


Not CompletedBuild the Signup Form in React

Welcome back to the course. In last video, we put in the login button and these text links, with other components, and putting in the rest of these interfaces. In this video we're going to develop the sign up component.

Not CompletedHow to Setup a Local Dev Server for a React Project

Welcome back to the course In this video we are going to pull down the property management server, which we are going to run and use so we can log in, create accounts, request the newsletters, and everything we need for the property management application.

Not CompletedBuilding Out an Auth Signup Action Creator

Hi and welcome back to the course, in the last video we pulled a server from github, got it built, we got mongo up and running, and we started the server.

Not CompletedManaging the Sign Up Response

Let's go ahead and continue developing our application here. Right now, we have developed an authentication file with a sign-up action creator.

Not CompletedStoring User Data from the Sign Up Post Request

Welcome back to the course, in the last video we set up the AXIOS request or the POST request, and we got back our data.

Not CompletedHow to Store an Auth Token in Local Storage in React

Great job in getting that user stored and redux. What I want to show you in this video is how to set the token that we're also getting back from our response into the local storage, so we can use it on routes that require us to pass in a token.

Not CompletedHow to Sign a User In on the Front End

All right, welcome back to the course. In the last video we learned about local storage and authenticated requests. Specifically using this token in local storage so we can make authenticated get requests to end points like newsletters and requests.

Not CompletedBuilding a Require Auth HOC in React

All right, welcome back to the course. In this video I'm going to show you how we can protect routes on our front end not just the back end by using or by creating a component called require auth.

Not CompletedPushing Users to Sign In if Not Authenticated in React

All right welcome back. So in this video we need to somehow get access to this history object so we can push the user back if they're authenticated.

Not CompletedBuilding Out a Tab Nav in React

Welcome back to the course. In the last video we finished developing a require auth component to protect some of our local routes, so if you try and the visit dashboard, it's not going to let you unless you're signed in.

Not CompletedAttaching the Dashboard and Tab Nav to the Layout Grid

Welcome back to the react course. In this video we are going to try and get to the TabNav to actually look like it's on a grid. You can see that it's all over the place.

Not CompletedCreating the Tab Nav Grid in React

Welcome back. In the last video we reorganized our JSX and attached our dashboard to the grid. In this video we are going to continue building up the tab-nav and probably complete it.

Not CompletedHow to Build out a Grid for the Tabs in React

Welcome back. Let's actually build the grid for our tabs now.

Not CompletedAdding a Callback Prop to Handle Tab Clicks

All right welcome back. Let's go ahead and actually render the correct content based on which one of these were clicking.

Not CompletedHow to Display Specific Components in Each Tab in React

All right, so we got the call back in there. Now what we want to do is actually change the components status the object status so we can render the actual component that belongs to this tab.

Not CompletedHow to Reuse Components in React

Hi and welcome back to the course. I went ahead and I closed all the files except for dashboard.js.

Not CompletedCreating the Newsletter Grid Component

Welcome back to the course. In the last video, I showed you why we built this the way it is, and how to add in more items. Right. So how to reuse this component.

Not CompletedJavaScript Date Object and Newsletter Date Component

Welcome back to the course. We got that grid in place now, and what we want to do now, instead of displaying just "asdf" on our grid, we want to display our components.

Not CompletedStyling the Date Box Component

In this video, let's go ahead and throw in some styles to make our date component look like a box. And then we will also develop the grid within it.

Not CompletedIntegrating the Arrow for the Date Component Styles

In this video, we will be going over how to add in our arrow to the newsletter date component.

Unsupported Browser

devCamp does not support ancient browsers.
Install a modern version for best experience.