Learning Objectives
With this assignment you will demonstrate:
- The ability to hook up a database (in this case Firestore) to a React Web Application
- The ability to deploy a Firebase app to the Google Cloud
Readings and Videos
Please:
- Read relevant Firebase and Google Cloud docs.
- Review all applicable course notes.
- As time allows, go through The Net Ninja’s Firebase Tutorial.
Instructions
Submit in BrightSpace the link to your GitHub repo, whose README must have a link to where your React app is deployed.
The Project
The assignment is simple: Create a blog application using Firestore for persistence and Firebase Auth for authentication; host the application on Firebase. That is the requirement. You should do what you can to make the app amazing, both in terms of features and look-and-feel. Explore! Be creative!
As in your first two homework assignments, ensure your app:
- Uses a background image or gradient
- Has a professional layout—in the first two assignments you practiced with grid and flex, but if you wish to use a framework like Bulma or Tailwind, go for it!
- Is responsive: it must look good on mobile and web (narrow or wide screen)
- Is visually balanced and aesthetically pleasing: Use colors and contrast properly! Line things up! Get a designer friend of yours to critique your work
- Is in a GitHub repo with a proper name: named after the project, not something generic like “hw3”
- Optionally includes a .prettierrc.json file in your code bundle.
- Has a detailed README.md file, that not only explains the project (as a real README should), but also contains:
- The names of all students that worked on the project
- A clickable link to the running project on Firebase hosting
- Is built from code (all files) that is flawlessly formatted, and that means that you not only indent and space 100% consistently, but that you are also perfectly consistent with blank-line spacing where necessary. (Prettier will help with most things.)
- Is run through an HTML and an accessibility validator