https://github.com/sharjeel-siddiqui12/crud-application-using-firestore-and-firebase-authentication

This project is a CRUD application built using Firestore and Firebase Authentication. It utilizes Firebase Hosting for site deployment, Tailwind for styling, and React for building the site.
https://github.com/sharjeel-siddiqui12/crud-application-using-firestore-and-firebase-authentication

firebase firebase-auth firebase-hosting firestore firestore-database react react-router react-router-dom reactjs tailwind tailwind-css tailwindcss vite

Last synced: 8 days ago
JSON representation

This project is a CRUD application built using Firestore and Firebase Authentication. It utilizes Firebase Hosting for site deployment, Tailwind for styling, and React for building the site.

• Host: GitHub
• URL: https://github.com/sharjeel-siddiqui12/crud-application-using-firestore-and-firebase-authentication
• Owner: sharjeel-siddiqui12
• License: mit
• Created: 2024-09-07T20:22:18.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-24T17:57:42.000Z (about 1 month ago)
• Last Synced: 2024-10-10T17:23:44.299Z (29 days ago)
• Topics: firebase, firebase-auth, firebase-hosting, firestore, firestore-database, react, react-router, react-router-dom, reactjs, tailwind, tailwind-css, tailwindcss, vite
• Language: JavaScript
• Homepage: https://fire-auth-reactjs.web.app/
• Size: 90.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Crud Application Using Firestore & Firebase Authentication

This project is a CRUD application built using Firestore and Firebase Authentication. It utilizes Firebase Hosting for site deployment, Tailwind for styling, and React for building the site.

## Description

The project aims to provide a user-friendly interface for managing data using Firestore as the database. Firebase Authentication is implemented to ensure secure user authentication and authorization.

## Features

- CRUD operations: Users can create, read, update, and delete data entries.

- User Authentication: Firebase Authentication is used to authenticate and authorize users.

- Hosting: The site is hosted using Firebase Hosting, ensuring easy deployment and accessibility.

- Styling: Tailwind CSS is used for styling the application, providing a modern and responsive design.

- React: The project is built using React, allowing for efficient and scalable development.

## Installation

1. Clone the repository: `https://github.com/sharjeel-siddiqui12/crud-application-using-firestore-and-firebase-authentication.git`.

2. Install the required dependencies using `npm install`.

3. Set up Firebase project and configure Firestore and Firebase Authentication.

4. Configure Firebase credentials: Create or Replace the Firebase configuration in src/components/fireBaseConfig/fireBaseConfig.js with your own Firebase project credentials.

5. Run the application using `npm run dev`.

6. Open your browser and navigate to `http://localhost:5173`

## Usage

1. Register or log in to access the application.

2. Use the provided interface to perform CRUD operations on the data.

3. Enjoy the seamless experience of managing data with Firestore and Firebase Authentication.

## Contributing

Contributions are welcome! If you have any suggestions or improvements, please feel free to submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).