Este es un componente de comentarios interactivos desarrollado con React, Framer Motion, Tailwind CSS y Faker.js. Permite a los usuarios agregar comentarios, reaccionar con emojis y ver un historial de comentarios en una interfaz moderna y atractiva.
- 📜 Publicación de Comentarios: Permite escribir y publicar comentarios con un avatar generado aleatoriamente.
- 🎭 Emojis Personalizados: Cada comentario puede recibir una reacción con un emoji personalizado.
- 👍 Interacción con Likes: Los usuarios pueden reaccionar con diferentes emojis.
- ⏳ Carga con Animación: Simula una carga inicial con un efecto visual atractivo.
- 🔄 Ver Más / Ver Menos: Control de visualización de comentarios para mejorar la experiencia de usuario.
- React: Para la estructura del componente.
- Framer Motion: Para animaciones fluidas.
- Tailwind CSS: Para un diseño moderno y adaptable.
- Faker.js: Para la generación de nombres y avatares aleatorios.
- Emoji Picker React: Para la selección de emojis.
- Clona el repositorio:
https://github.com/YsdCastro24/Components_comment.git
- Ingresa al directorio del proyecto:
[email protected]:YsdCastro24/Components_comment.git
- Instala las dependencias:
npm install
- Inicia el servidor de desarrollo:
npm run dev
- Escribe un comentario en el cuadro de texto.
- Usa el botón de emojis para agregar reacciones.
- Publica tu comentario y observa cómo aparece en la lista.
- Interactúa con los comentarios usando los botones de reacción.
Las contribuciones son bienvenidas. Si encuentras algún problema o tienes una idea de mejora, por favor abre un issue o envía un pull request.
Este proyecto está bajo la Licencia MIT. Puedes usarlo y modificarlo libremente.
✉️ Contacto: Si tienes preguntas o sugerencias, no dudes en contactarme en [email protected].