React Project Five: Build an API Search Engine


Not CompletedMapping State to Props in a Results Posts Component

Welcome back to the React course. In this guide, we'll be modifying our mapStateToProps function to return the proper results posts that we made the reducer for in the last guide. Then we will be creating a function that will render our posts.

Not CompletedModifying the Posts Component to Render Different JSX Based on Prop

Hi there, and welcome back to the React course. In the guide, we will be modifying our posts component to display different content in our results than it does on the homepage.

Not CompletedModifying the Fetch Posts Process with Query Action Creator to Take in an Optional Callback

Hi and welcome back to the react app. In the last guide we modified our post component to render recent post and result posts.

Not CompletedUtilizing the React Animate Height NPM Package to Add Hover Animations

Welcome back to the React course. In the last guide, we finished off the functionality of our application, so we are going to start on the styles, now. We're also going to be implementing React Animate Height.

Not CompletedCSS Grid Explained for Daily Smarty UI

Hi and welcome back to the react course. In this guide we're going to be starting on our styles.

Not CompletedApplying CSS Grid Styles to the Home Component

Hi, and welcome back to the React app that we are building. In this guide, we are going to be applying some of the styles we talked about to our home component.

Not CompletedStyling the Search Bar Component

Hi there, and welcome back to the React course. In this guide, we're going to be styling the search bar component.

Not CompletedFixing CSS Grid Styles for the Daily Smarty UI

Welcome back. In this guide, before we move on to styling the recent posts, I want to fix the width of our search bar.

Not CompletedStyling the Recent Post Component

Welcome back to the React course. In the last guide, we fixed some of the styles for our logo and search bar. In this guide, we're going to be applying the styles for the recent posts component.

Not CompletedStyling the Recent Post Post Component

Hi there, and welcome back to the React app we're building. In this guide, we are going to style each one of these posts for our recentPosts component.

Not CompletedAdding Font Awesome to the Application

Welcome back to the React course. In this guide, we're going to add in the search icon through Font Awesome.

Not CompletedAdding Styles to the Results Component

Hi there and welcome back to the react application we're building. In this guide we're going to start on the styles for our results component.

Not CompletedStyling the Results Component Search Bar

Welcome back to the React application. In this guide, we are going to fix the styles for our search bar component in our results page.

Not CompletedStyling the Results and Result Post Components

Hi, and welcome back to the React app we're building. In this guide, we are going to start styling the items you see here the resultsPost items and the resultsPost component.

Not CompletedFinishing the Result Post Component Styles

Hi and welcome back to the react app. In this guide we are going to finish styling the result post component.

Not CompletedUsing Vanilla JavaScript String Methods to Give Post Links a Title

Hi and welcome back to the react app that we're building. In this guide we're going to basically make it so we can take these useful link titles and instead of just saying useful link display something friendly to the user like episode 86: plotting points on a map from scratch.

Not CompletedHandling A Few Cases for the Pretty Post Link Names

Hi, and welcome back to the React app we're building. In the last guide, we went over some JavaScript functions such as substring, last, and next up. Each are string object methods in JavaScript.

Not CompletedAdding a Content Display Message to Users When No PostLinks Exist

Hi and welcome back to the react app. In this guide, we are going to finish off our app by basically just getting rid of this case here where instead of just hovering and saying nothing, we're going to make it a little bit more user-friendly by displaying a message to the user saying there are no post links.

Not CompletedDeploying the Daily Smarty UI App to Heroku

Hi and welcome back to the react app. In this guide, we're going to push our app up to Heroku.

Not CompletedMaking the Home Screen Mobile Responsive with CSS Media Queries

Hi, and welcome back to the React course. In this guide, I am going to show you how to make this home screen mobile responsive. Right now only the results screen is mobile responsive.

Unsupported Browser

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