Javascript Vue

Care and Preservation of Marine Species Website built using Vue2 min read

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.

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.

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

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.

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

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

Leave a Reply

Your email address will not be published.

Pin It on Pinterest