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.
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 and revealed when clicked
- Users should be able to see a preview of the card to be added before saving
https://generalassembly-atx.github.io/ga-cards-react/demo
- Deploy your React application to either Firebase or GitHub Pages
- Swap out Firebase with an Node/Express/MongoDB setup