Desarrollo de una red social enfocada en el cuidado del medio ambiente, y está basada en la creciente necesidad que se ha generado en la sociedad para cuidar el planeta. La app esta desarrollada en Angular6 con autenticacion en firebase, base de datos en firebase firestore y alojamiento de datos en firebase storage.
El objetivo principal de esta aplicación es que aquellas personas que tengan interés en temas medioambientales puedan conocer a más gente que comparta sus mismos intereses, y se puedan generar instancias para compartir información, y así se puedan reunir y realizar actividades para generar conciencia en su entorno, ya sea que estén recién iniciandose en este tema, como también puede que tengan profesiones afines y que quieran aportar hacia la sociedad con su conocimiento en distintos temas como desarrollo de huertos urbanos, agricultura orgánica, compostaje, lombricultura, reciclaje, energías renovables, calentamiento global, etc .
Este proyecto se encuentra en su versión 2.0.0 en la cual se cambio la tecnología de Javascript por Angular CLI, permitiendo asi construir una "Single page app", es decir que toda la aplicación se aloja en una sola página la cual se va actualizando a medida que el usuario navega en ella, de esta forma el tiempo de ejecución es reducido y todo el flujo transcurre de manera casi instantanea.
Como tecnología de almacenamiento de datos usamos Firebase de Google, el cual nos proporciona un alojamiento en linea bastante espacioso para guardar toda clase de datos como las cuentas de nuestros usuarios y el contenido generado por ellos. Firebase proporciona algunas cosas realmente útiles para los desarrolladores como es la actualización de datos en tiempo real, lo cual hace posible que los usuarios se conecten y comuniquen de manera espontanea desde cualquier lugar.
Si quieres contribuir con este proyecto en su desarrollo debes clonar este repositorio en alguna carpeta en tu computadora, asegurate de tener instalado NodeJS / Npm.
$git clone
$npm install
_Pasos para instalar esta aplicación
$npm install
Esto instalara todas las librerias que se utilizan y vienen especificadas en el archivo package-json.
Asegurate de estar trabajando con la version más reciente de Angular CLI
$ng s
Esto simulara un servidor para la página y en tu navegador aparecera en LocalHost:200, dirigete a esta dirección para poder ir visualizando los cambios que realices.
## Ejemplos de uso ⚙️
Usa esta red para publicar información interesante para otras personas que quieran aprender sobre ecología.
Esta app esta diseñada para ser una red social muy completa, como próximas implementaciones planeamos ofrecer un servicio de informaciones, perfil de usuario y chat.
Visita nuestro prototipo navegable aqui
(https://www.figma.com/file/OmdQJl4v8tGB8yMkqmoP553c/Untitled?node-id=163%3A808)
Introducción a Angular
https://medium.com/factory-mind/angular-firebase-typescript-step-by-step-tutorial-2ef887fc7d71
https://alligator.io/angular/firebase-authentication-angularfire2/
https://appendto.com/2016/09/building-nested-components-using-angular-2/
https://stackblitz.com/angular/pdxjaplpmav?file=app%2Fsidenav-disable-close-example.ts
Routing
https://codecraft.tv/courses/angular/routing/parameterised-routes/
https://angular.io/guide/router
Autenticación
https://alligator.io/angular/firebase-crud-operations/
https://angularfirebase.com/lessons/google-user-auth-with-firestore-custom-data/
Angular Bootstrap
https://ng-bootstrap.github.io/#/getting-started
La organización de este trabajo se realizo en base al sistema de scrum, desglosando el trabajo en "Historias de usuario", y estas a su vez en pequeñas tareas "átomicas" más fáciles y concretas para asi poder abordarlas de forma más eficiente y completa, el tiempo fue dividido en mini-sprints de 2 días, y sprints más grandes de cada semana. El cronograma se detalla en el siguiente enlace
- Trello - Organizador de tareas
Proyecto realizado para Laboratoria Chile, proceso de Bootcamp 2018
-
Karyn Herrera - Developer - karynHerrera
-
Mariel Quezada - Developer - Marielk
También puedes mirar el repositorio original de este proyecto Laboratoria-SocialNetwork quíenes han creado este desafío para las estudiantes de este curso
👩 💻.