The classic todo app that everyone writes.
Clone the repository down and run npm install
to get all the dependencies installed. The other thing to do is to create a Cloud Firestore and create a collection called todos
.
Once you have those two things, you're going to want to create a .env
file so that certain Firebase requirements can be inlined into the project. The file should have the 3 keys that you see below.
FIREBASE_API_KEY=<api_key>
FIREBASE_PROJECT_ID=<project_id>
FIREBASE_MESSAGING_ID=<messaging_id>
These details will be provided to you when you create a new Firebase project for yourself. Without this information, this project will not work.
A simple npm start
will start the server and start webpack-dev-server
as well to build the assets. This app will write to your Cloud Firestore.
The patterns in the project are fairly self explanatory, it uses React + Redux + Redux Saga to get the job done. The project also runs prettier so that code style can be enforced and tslint for linting.
Once you're done making your changes, run npm run tslint
to run the linter and formatter. This project also includes hooks for running prettier on the code that you have staged. This happens automatically.