Firebase Contact App

The Firebase Contact App is a web application built using React, Vite, Tailwind CSS, and Firebase. This app allows users to manage their contacts by adding, updating, searching, and deleting contact entries. Additionally, the app provides real-time notifications to keep users informed of any changes made to their contacts.

Features

• Add Contact: Users can easily add new contacts by providing contact information, such as name and email.

• Update Contact: Existing contact entries can be updated with the latest information, ensuring that your contact list stays up to date.

• Search Contact: The app offers a search feature, allowing users to quickly find specific contacts by name.

• Delete Contact: Users can remove unwanted contacts from their list with a simple delete action.

• Real-time Notifications: Whenever a contact is added, updated, or deleted, the app provides real-time notifications at the bottom of the screen, ensuring users are always informed.

Technologies Used

• React: The app's frontend is built using React, a popular JavaScript library for building user interfaces.

• Vite: Vite is used as the build tool, ensuring fast and efficient development and production builds.

• Tailwind CSS: Tailwind CSS is used for styling the app, making it easy to create responsive and visually appealing user interfaces.

• Firebase: Firebase is used as the backend and database for the app, providing real-time data storage.

• Vercel: The app is deployed on Vercel, ensuring that it is accessible to users on the web.

Installation and Setup

To run this app locally or make modifications, follow these steps:

1. Clone the repository:

   git clone https://github.com/roktim32/Contact-App-with-Firebase.git
   

2. Navigate to the project directory:

   cd contact-app
   

3. Install dependencies using npm or yarn:

   npm install
   # or
   yarn install
   

4. Create a Firebase project and configure it according to your needs. Update the Firebase configuration in the app.

5. Start the development server:

   npm run dev
   # or
   yarn dev
   

6. Open your browser and access the app at http://localhost:5173.

Deployment

The app is deployed on Vercel and can be accessed online at link.

Contributing

Contributions are welcome! If you would like to contribute to this project, please follow these steps:

1. Fork the repository.

2. Create a new branch for your feature or bug fix:

   git checkout -b feature/your-feature-name
   

3. Make your changes and commit them:

   git commit -m "Add your commit message here"
   

4. Push your changes to your fork:

   git push origin feature/your-feature-name
   

5. Open a pull request to the main repository, describing your changes in detail.

License

This project is licensed under the MIT License.

Contact

If you have any questions or suggestions, feel free to reach out to us at [email protected].

Happy coding Mates!