Basic auth with Firebase Auth REST API.
Using Redux Toolkit for global state management.
React apps initialized using create-react-app
have .dotenv
pacgkage built in, and need to have the REACT_APP
prefix to the environment variables. More about these here.
To access these .env variables, use process.env.<variable_name>
.
Here's an example of what the .env
file looks like:
REACT_APP_API_KEY = 'YOUR_API_KEY';
REACT_APP_SIGN_UP =
'https://identitytoolkit.googleapis.com/v1/accounts:signUp?key=${REACT_APP_API_KEY}';
REACT_APP_SIGN_IN =
'https://identitytoolkit.googleapis.com/v1/accounts:signInWithPassword?key=${REACT_APP_API_KEY}';
REACT_APP_CHANGE_PWD =
'https://identitytoolkit.googleapis.com/v1/accounts:update?key=${REACT_APP_API_KEY}';
- Use the
Modal
to display error messages. - Fix Memory Leak Bug.
- Add auto logout based on the expiration time [
expiresIn
property from the response payload]. - Migrate app to use Redux Toolkit with TypeScript.