https://github.com/jscalderon65/comment-box
Librería de React que permite la integración de una sección de comentarios a cualquier proyecto que haga uso de firebase.
https://github.com/jscalderon65/comment-box
animate-css antd-design firebase-auth firebase-cloud-firestore npm-package react-js redux
Last synced: 5 months ago
JSON representation
Librería de React que permite la integración de una sección de comentarios a cualquier proyecto que haga uso de firebase.
- Host: GitHub
- URL: https://github.com/jscalderon65/comment-box
- Owner: jscalderon65
- Created: 2021-01-29T03:17:03.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-02-08T00:09:04.000Z (over 5 years ago)
- Last Synced: 2025-09-19T10:29:54.390Z (9 months ago)
- Topics: animate-css, antd-design, firebase-auth, firebase-cloud-firestore, npm-package, react-js, redux
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/my-comment-box-app
- Size: 416 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# my-comment-box-app
## ¿Qué es?
_my-comment-box-app es una librería de React que permite agregar una sección de comentarios en cualquier proyecto de react que este implementando firebase, los cambios y comentarios nuevos se verán en tiempo real en el componente._
## Funcionamiento
_Es necesario mencionar que se debe implementar la autenticación de firebase en el proyecto, ya que my-comment-box-app solo permite comentar a usuarios logueados._
## Estilos
_La librería se construyo usando solo los componentes de Ant Design y las animaciones de animate css, para que estás últimas funcionen es necesario agregar el cdn de animate css, este paso es opcional y no compromete el funcionamiento de la librería._
```html
```
## Instalación
```
npm install my-comment-box-app
```
## Modo de uso
_my-comment-box-app posee dos componentes:_
## CommentBoxApp
_contenedor de toda la sección de comentarios, recibe dos props, 'CollectionName' string que representa a la colección a la que irán los comentarios en tu proyecto de firebase y la segunda 'firebase' recibe el objeto que inicializa y hace la conexión con el proyecto._
## Login
_es una pequeña implementación de un login con firebase y Google para probar la sección de comentarios, su uso es opcional._
```js
/*Nombre del componente FirebaseConfig*/
import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth";
firebase.initializeApp({
apiKey: "########",
authDomain: "########",
projectId: "########",
storageBucket: "########",
messagingSenderId: "########",
appId: "########",
measurementId: "########"
});
export {firebase};
```
```jsx
import {firebase} from './FirebaseConfig'
import {CommentBoxApp,Login} from 'my-comment-box-app'
const App = () => {
return (
<>
>
)
}
export default App;
```
## [Ejemplo de implementación 👈](https://commentboxtest.netlify.app/)
## License
MIT © [jscalderon65](https://github.com/jscalderon65)