In this series, Beau Carnes, Developer & Teacher at freeCodeCope walks through how to build and a deploy an exercise tracker application with the MERN stack using MongoDB Atlas and Google Cloud Platform.

1. BUILDING WEB APPS WITH THE MERN STACK
With MongoDB Atlas and Google Cloud Platform

2. 2
Who Am I?
Disclaimer
Beau Carnes
Teacher and Developer
@CarnesBeau
freeCodeCamp.org

3. Welcome – MERN Stack
• Creating and deploying backend w/ MongoDB Atlas & Google Cloud Platform
• Thursday, May 9th
• 11:00 AM PST | 12:00 PM MST | 1:00 PM CST | 2:00 PM EST
• Creating frontend using React
• Thursday, May 16th
• 11:00 AM PST | 12:00 PM MST | 1:00 PM CST | 2:00 PM EST
• Connecting frontend to backend, refactoring and review
• Thursday, May 23rd
• 11:00 AM PST | 12:00 PM MST | 1:00 PM CST | 2:00 PM EST

4. Agenda
• React introduction
• Review backend
• Creating frontend of the exercise tracker app

5. What Is React?

6. class ShoppingList extends React.Component {
render() {
return (
<div className="shopping-list">
<h1>Shopping List for {this.props.name}</h1>
<ul>
<li>Cereal</li>
<li>Milk</li>
<li>Bananas</li>
</ul>
</div>
);
}
}
// Example usage: <ShoppingList name="Beau" />

7. Let’s go to the code!

8. Q&A
Beau Carnes
@CarnesBeau