Care and Preservation of Marine Species Website built using Vue

by Vue.js Examples

Hackaton Launchx

Proyecto realizado para el hackaton : HACK THE OCEAN ?

Coloboradores Perfiles
Rodrigo Isaac Avedaño https://github.com/RodrigoAvendano
Marco Antonio Cárcamo Orozco https://github.com/marcocarcamo-tech
Andrea Verónica Curiel https://github.com/AndreaCuriel
Miguel Trujillo López https://github.com/migueltrujillo07
Jonathan Grimaldo Rodriguez https://github.com/JonathanGrimaldo

Eje Temático ?

Cuidado Y Preservación de Especies Marinas

Problemática ?

Desinformación y falta de un medio que centralice las organizaciones/fundaciones que permitan a la sociedad informarse y participar en el cuidado y protección de las especies.

Solucion ?

Creación de un sitio web que exponga los santuarios de vida marina; organizaciones que se encargan de proteger especies que habitan en estos y eventos que permitan la interacción del usuario para apoyar a la causa.

Tecnologías Utilizadas ?

  • JavaScrip
  • Node.js
  • Prisma Express Js
  • HTML
  • Azure
  • Vue
  • PostgreSQL

Utilizamos un repositorio adicional para construir la arquitectura de la base de datos, y crear la API, puedes visitar el repositorio en la siguiente liga:

https://github.com/AndreaCuriel/Ocean_Heroes_API

Contenido

En este repositorio se construyo el mock-up de la interfaz de usuario, y la integración de un mapa dinamico, que tambien fue integrado de manera independiente a los componentes de Vue.

  1. Mapa Interactivo La parte principal de este proyecto es un mapa interactivo realizado con la librería Leaflet. En este mapa podrás consultar 3 puntos principales:
  • Santuarios donde se cuida y preserva la biodiversidad marina mexicana
  • Organizaciones que se encargan de proteger a la vida marina
  • Eventos realizados en los santuarios o por las organizaciones en los cuales podrás participar

Cada uno de estos puntos esta representado con un marcador diferente, el área marcada indica el área en la que se encuentran los santuarios.

  1. Sobre Nosotros Aquí encontraras información respecto a el motivo por el que fue creado el sitio web

  1. Artículos En esta parte podrás encontrar un carousel con artículos por escribir en los que te hablaremos sobre las organizaciones y los santuarios que trabajan por la preservación y cuidado de las especies. De igual forma podrás conocer formas en las que tu puedes ayudar a cuidar de sus seres vivos.

  1. Login Vista de login de usuario para una característica a implementar a futuro

  1. Registro Vista de registro de usuario para una característica a implementar a futuro

Instalaciones

Para trabajar con este proyecto necesitarás utilizar vue, para ello utiliza:

npm install vue

Importante recordar

La conservación es un estado de armonía entre hombre y tierra

  • Aldo Leopold

GitHub

View Github