Cards Against Assembly

Let's put those hard earned new skills from this week to work! We'll be using a little bit of everything we learned so far to make a real-time, data driven application with React and Firebase.

---

Prerequisites

• Create React App
• React Router
• Firebase

---

Requirements

Using the mockup provided, create a React application that allows a user to view all the cards saved and to create new ones as well.

• Create a new React application from the ground up using create-react-app
• Use React Router to manage state
• Use dotenv to store configuration values
• Separate the single CSS file into individual component CSS files
• All cards should initially be face down when loaded
• Users should be able to see a preview of the card to be added before saving

---

Deliverables

---

Challenges

• Deploy your React application to either Firebase or GitHub Pages
• Swap out Firebase with an Node/Express/MongoDB setup