React Project Four: Build a Property Management Application


Not CompletedCreate an Action Creator to Fetch Requests

Welcome back to the course. We've now successfully created a new request. The goal in this guide is to create another action-creator and a type to fetch our requests and set them.

Not CompletedBuilding the Requests Reducer

The first step in getting these into our front-end here is creating a type which we can dispatch to our Reducer.

Not CompletedMap Data to the Requests Item

Welcome back. In this video, I'm going to show you how we can map this data properly over into the requestsItem component.

Not CompletedFilter Items Based on Status

We've got this item in here. We've got our data. I'm getting a couple of errors because of the items that existed on the back-end before that.

Not CompletedHow to Display Only Selected Request Types

Welcome back. We are now filtering the items. Now, we just need to actually filter them in based on the one we click in the requests component.

Not CompletedBuilding the Ability to Change Status Action Creator

We have our items filtering, and I want to make it clear that right between this video and this last video I removed the entry that was previously giving me that error.

Not CompletedHow to Update Data After Modifying It Server Side in React

Welcome back to the course. In this video, we need to fix this problem that occurs when we move one of these items.

Not CompletedManaging Custom Icon States

Let's hustle and get those styles in. I'm going to open up Visual Studio Code and open up Chrome. Basically, let's get this border and put it into our requests first. We want that border.

Not CompletedAdditional CSS Transitions for Hiding and Showing Grid Items

Welcome back to the course. In this video, we are going to implement the hover animations on these boxes.

Not CompletedRefactoring the Fetch Newsletter Feature

Welcome back to the course. In this video, I'm going to show you how we can refactor our fetch newsletters component so that we can fetch the data rather than hard-coding it in.

Not CompletedNewsletter New Action Creator

Welcome back to the course. In the last video we learned how to fetch items or fetch our newsletters from the database.

Not CompletedCreate New Newsletters from the Client on the Backend

All right welcome back to the course. We've set this backend up let's test it out.

Not CompletedHow to Parse Strings Into a Date Object in React

All right, so we are successfully fetching our newsletters, and we're successfully saving them.

Not CompletedImplementing the Newsletter Edit Form

All right welcome back to the course. In this video we're going to learn how we can edit the newsletter.

Not CompletedHow to Use Initial Values in Redux Form

Hi and welcome back to the course. So we have this problem that's occurring whenever we login to the component or the application and we hit edit. When we hit edit it's not displaying any of our information until we hit edit again.

Not CompletedHow to Load Images from the Server in React

Okay, so we got that working. Let's go ahead and let's fix the image problem.

Not CompletedUpdating and Constraining Image Styles

All right, so we've got this all working except for we kind of have a problem with our image.

Not CompletedBuilding the Edit Newsletter Action Creator

Hi and welcome back to the course. In this video, we're going to learn how we can edit an item.

Not CompletedHow to Edit a Newsletter in the Property Management Application

All right welcome back. So there's a couple things we need to change before we do this.

Not CompletedQuick Overview Final Features for Property Management Application

Welcome back to the course. In the last video we got the added functionality working, in this video we're just going to test things around and see what we need to fix and add for the next videos. So we're just going to kind of take a breather and see what we need to do.

Unsupported Browser

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