Eco-chat es una red social dirigida a la población en general especialmente a los ambientalistas, en el cual los usuarios pueden escribir, leer, actualizar y eliminar datos por ejemplo: eventos, proyectos, memes, tips de reciclaje, manualidades a través de productos reciclados, entre otras cosas que sean relacionadas al cuidado del medio ambiente. También permite interactuar entre los usuarios mediante los comentarios.Y de esta manera através de Ecochat podremos aportar con un granito de arena al cuidado del medio ambiente.
Nuestros usuarios de Eco-chat en su primera versión, realizar las siguientes acciones:
- Crear una cuenta con un correo electrónico válido y una contraseña con más de 6 caracteres. Ya que al crear su cuenta, recibirá un mensaje de confirmación en el correo que haya ingresado para iniciar sesión.
- También puede loguearse através de su cuenta de Google y Facebook, con ello ya no sería necesario registrarse.
- Una vez que logre loguearse, podrá ver su perfil sin la necesidad de recargar la página. Si en caso el usuario ingresa por primera vez creando una cuenta; el perfil que observará será con un avatar y una foto de portada por defecto, ahora si el usuario se ha logueado con su cuenta de google o facebook observará su foto de perfil y nombre de usuario que tiene por defecto en su cuenta correspondiente.
- Podrá editar su foto de perfil, la portada y su nombre de usuario como mejor le parezca.
- POSTS:
- Podrá crear publicación de texto, imágenes de diferentes extensiones, agregar emojis, etc.
- Podrá ver los post públicos que han creado hasta ese momento, desde el más reciente hasta el más antiguo, así como también tiene la opción de poder cambiar la configuración de privacidad de sus post ya sea PRIVADO o PÚBLICO.
- Una vez que ya tiene la publicación podrá editar el contenido, como la privacidad y tambien tiene la opción de eliminar el post.
- Podrá dar y quitar like en el post que desee.
- COMENTARIOS:
- Podrá escribir e insertar emojis que tiene disponible en el mismo cuadro de agregar comentario.
- Tiene la opción de EDITAR y ELIMINAR.
- HTML semántico
- CSS
flexbox - Construir tu aplicación respetando el diseño realizado (maquetación).
- Manipulación dinámica del DOM
- History API
- [
localStorage]
- Uso de callbacks
- Consumo de Promesas
- Uso ES modules
(
import|export)
- Branches
- Pull Requests
- Tags
- Projects
- Issues
- Labels
- Milestones
- Modularización
- Nomenclatura / Semántica
- Linting