The Dog Adoption App is a web application built using React and Firebase to facilitate the adoption process for dogs. It leverages Firebase services such as Authentication, Firestore, and Storage to provide a seamless end-to-end experience for users.
-
User Authentication: Utilizes Firebase Authentication to allow users to create accounts, sign in, and securely manage their profiles.
-
Dog Listings: Displays a list of available dogs for adoption, each with detailed information, including images, descriptions, and adoption status.
-
Communication with Dog Owners: Enables potential adopters to communicate with current dog owners. This feature allows users to ask questions, get insights into a dog's behavior, and receive firsthand experiences from those who have already adopted it.
To run the app locally, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/your-repo.git - Install dependencies:
npm install - Set up Firebase credentials: Follow the instructions in
firebase.config.jsto configure your Firebase project. - Start the development server:
npm start
Visit http://localhost:3000 in your browser to start using the application.
This app utilizes Firebase for authentication, real-time data synchronization, and hosting. Make sure to set up your Firebase project and update the configuration accordingly.
-
Create a Firebase project on the Firebase Console.
-
Navigate to "Authentication" > "Sign-in method" and enable "Email/Password" authentication.
-
Obtain Firebase configuration details from the project settings.
-
Update Firebase configuration in
src/firebase/firebase.js:
In the Firebase Console, navigate to "Firestore" and create a new Firestore database.
Set up collections and fields as needed for your app.
Update Firebase configuration in src/firebase/firebase.js:
In the Firebase Console, navigate to "Storage" and create a new Storage bucket.
Set up rules and permissions for your storage bucket.
Update Firebase configuration in src/firebase/firebase.js: