Firebase Contact Reactjs App 📇 Overview This is a responsive contact management application built with Reactjs and Firebase. It allows users to add, view, edit, and delete contacts with real-time updates.
Features Add Contacts: Easily add new contacts to your list. View Contacts: View a list of all contacts with real-time updates. Edit Contacts: Modify contact details. Delete Contacts: Remove contacts from your list. Responsive Design: Optimized for both desktop and mobile screens. Getting Started To get the Firebase Contact React App up and running on your local machine, follow these steps:
Prerequisites Node.js and npm installed on your machine. Installation Clone the repository: git clone https://github.com/MuhammadTayyab7/Firebase-Contact-App.git
Navigate to the project directory: cd Firebase-Contact-react-App
Setting Up the Server Navigate to the server directory: cd server
Install server dependencies: npm i
Start the server: npm run server
Setting Up the Client Split the terminal or open a new terminal window. Navigate back to the root directory: cd ..
Navigate to the app directory: cd app
Install client dependencies: npm i
Start the development server: npm run dev
Usage Once both the server and client are running, you can access the Firebase Contact React App in your browser at http://localhost:5173.
Contributing Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
Fork the Project Create your Feature Branch (git checkout -b feature/AmazingFeature) Commit your Changes (git commit -m 'Add some AmazingFeature') Push to the Branch (git push origin feature/AmazingFeature) Open a Pull Request License Distributed under the MIT License. See LICENSE for more information.
Contact Muhammad Tayyab - [email protected]
Project Link: https://github.com/MuhammadTayyab7/Firebase-Contact-App.git