This is a small project a friend of mine had the idea of creating. After creating it in PHP and not enjoying it I decided to take it upon myself to create it in React using Firebase for the backend. Some screenshots are below.

• Authentication (with profile photo, edit profile/account and delete account)
• CRUD of a patient/animal
• Display tables of patients/animals with filtering
• Coloured themes sync across devices
• Dark/light mode sync across devices

1. Clone the repo.
2. Setup Firebase with Firestore, Database, Storage and Authentication(email and password).
3. Add .env.local to the root folder and add REACT_APP_FIREBASE_API_TOKEN with your Firebase API Key.
4. Update the src/firebase.js file shown below.

• React
• Redux
• Firebase
• Material UI
• Formik
• Yup

Patients Table Screen:

Login Screen:

Signup Screen:

Profile Screen:

Profile Edit/Change Theme Screen:

Snackbar Example: