Animal Rescue Tracking Web App

What It Is:

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.

What is does:

• 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

To run it locally:

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.

5. Run `npm start` in your terminal from the root folder.

What I Used:

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

Some Screenshots:

Patients Table Screen:

Login Screen:

Signup Screen:

Profile Screen:

Profile Edit/Change Theme Screen:

Snackbar Example: