DevCamp

React Project Three: Build a Class Scheduling Application

Not Completed How to Order the List of Schedule Components

Hi and welcome back to the react course, in the last guide we filtered out our courses so it only displays the courses we are enrolled in.

Not Completed Rendering an Empty Slot in the Class Scheduling Application

Hi, and welcome back to the react course. In this guide, we are going to be generating the five empty slots in our My Schedule section.

Not Completed Refactoring the Add Course Reducer with Redux

Hi and welcome back to the react course, in the last guide we set up our empty slots for our schedule.

Not Completed Integrating the Schedule Styles and Project Planning

Hi and welcome back to the react course. In this guide, we are going to be fixing our styles.

Not Completed Adding a Checkmark for Enrolled Courses

Hi and welcome back to the react course. In this guide we are going to be adding in the arrow styles for our check marks.

Not Completed Implementing the Removal Styles

Hi and welcome back to the react course. In this guide we're going to be adding in the styles for the add and remove buttons for the course library course components.

Not Completed Integrating a Remove Button Animation in React

Hi, and welcome back to the reactor course in the last guide we set up our add and remove buttons and this guide we are going to be adding transition's or animation's to these buttons so they can look a little nicer.

Not Completed Implement Styles for Removing Courses

Hi and welcome back to the react course in this guide we are going to be adding some hover animation.

Not Completed React JS Class Scheduling Application Overview

In this video we are going to be outlining the React Course Scheduler application.

Not Completed Pushing the React Class Scheduling Application to Heroku

In this video we go through the process of creating and pushing our application's repository up to GitHub and Heroku.

Not Completed Integrating CSS Grid and Building Two Container Components

Alright, lets get started right into building our application.

Not Completed Building the Gradient Component for the React Scheduling Application

In this video we build the gradient component and add some styles.

Not Completed Creating the Library Course Component and Grid

Welcome back to the course. In our last guide we setup our gradient class, and in order to make things run smoothly with styling, What we will do instead of styling each on of these things in detail, is first build out all of the functionality with a grid.

Not Completed Building Icon Components in React JS

In this video, we are going to continue building this component by building out our icon, arrow, and action buttons components.

Not Completed Building Out an Arrow Component in React

Welcome back to the course in this video we're going to develop the arrow component

Not Completed Finalizing the Library Course Grid

Welcome back to the course in this video we're going to develop the add component for our course scheduler.

Not Completed Building the Course Schedule Component in React

Alright, So to see it on Heroku we can just follow this link that it showed you in the browser or in your terminal.

Not Completed Developing the Progress Tracker Component in React

This going to be a pretty quick video, we're going to be building a very simple component for the progress tracker.

Not Completed Introduction to Redux and Action Creators in React JS

This section will cover Redux in React and making our app fully functional, and the final section will cover in-depth styling and animations if we don't cover it in this section.

Not Completed Building a Redux Reducer

In this guide, we're going to create our first reducer and install the Redux Dev Tools.