React Project Four: Build a Property Management Application


Not CompletedChange Styles Based on a Value In Redux Store

Welcome back to the course. In this video, we're going to test out the action and reducer we made in the last video, and we'll also be adding in the logic to pass our active and inactive states to our boxes.

Not CompletedBuild a Request Item Component

Welcome back to the course. The last video we finished building our request boxes and we have them functional. In this video, we're going to start building out the requests item component.

Not CompletedHow to Build an Icon Component that Uses Font Awesome

In this video, we're going to be building out a component to that will let us add icons from Font Awesome into our application.

Not CompletedJSX for Requests Item

Welcome back. Let's continue building out our request item grid and component.

Not CompletedBuilding Out the Requests Item Grid

Welcome back to the course. In this video, we're going to build out a grid for our request items that we just built out JSX for. So it should be really quick and easy.

Not CompletedLaying Out JSX on the Requests Item Grid

So we want to do in this video is basically just align all of our items on our grid, instead of letting them kind of choose where they want to go.

Not CompletedRequest Item Styles

Welcome back to the course. In this video, what we're going to do is take all the styles and apply them to this.

Not CompletedCleaning Up a CSS Grid Element

Let's go ahead and fix up some of our design problems here. We've got some grid problems in here, things are spaced a little wrong, and the arrow is all the way over here. Let's fix that.

Not CompletedUtilizing the React Animate Height NPM Package

This is our design and this is our grid. Now one thing I want to do is reduce the size of this icon and give it a little bit more space in between these, and then let's make the drop-down in this video.

Not CompletedBuilding Hover Animations in React

Welcome back to the course. In this video, what we're going to do is basically finish off the animation-height here by adding in a couple of styles.

Not CompletedRefactoring a CSS Grid Element

Hi, and welcome back to the course. If you add to the requests tab, what you'll see is that these are way too big. Our Animate-Height works, but these are way too big.

Not CompletedManaging CSS Transitions and Animations in React

Welcome back to the course. In this video, what we're going to do is use this $color-gray-F8 color so when we hover on this item, we can show that as the background-color.

Not CompletedAdditional Server Side Features

Welcome back to the course. We've got our entire grid and CSS built out for the requests which is the majority, like 90%, of what we're doing here.

Not CompletedBuild a New Request Component

Welcome back to the course. Now that we have an overview of what we're trying to do with our server, hooking the back-end up to the requests on the front-end, we're going to develop the NewRequest feature.

Not CompletedRefactor a Component for Universal Use in React

Welcome back to the course. In this video, we need to refactor our newsletterNewForm to adjust to requestsNew form as well. We want it to be universal.

Not CompletedCreate a Request Action Creator with Redux Thunk

Welcome back to the course. In this video, we're going to cover some more React-Redux.

Not CompletedHow to Get Items from Local Storage to Redux

What we need to do now is actually hit this endpoint. Now, the thing is, this is a protected route. If you open up the server and go to the router you'll see something like this.

Not CompletedProperty Management Application Bug Fixes

Welcome back to the course. We now have access to the userId and the token.

Not CompletedWorking with Form Data in React

Welcome back to the course. In this guide, we're going to talk about form data, specifically the image input, because we haven't handled that one yet.

Not CompletedAuthorized Post Request with Headers for Authentication and Form Data

Welcome back to the course. In this video, we are going to perform the Post Request once and for all. We are also going to talk a little bit about headers and we'll see if it works.

Unsupported Browser

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