GithubHelp home page GithubHelp logo

majomarquez / scl009-social-network Goto Github PK

View Code? Open in Web Editor NEW

This project forked from laboratoria/scl009-social-network

0.0 1.0 2.0 449 KB

Proyecto de especialización para generación 9 de Santiago de Chile

JavaScript 69.56% HTML 22.25% CSS 8.19%

scl009-social-network's Introduction

🚀 Readme Social Network 🚀

Viajeros Chilenos, es una app orientada a chilenos que decidan ir de viaje y necesiten datos de personas que entiendan su cultura y sus costumbres. Nuestros usuarios puede ser personas que viven en ese lugar o que han visitado el lugar por alguna razón.

Sobre Viajeros Chilenos

Viajeros Chilenos es creada desde la necesidad que los viajeros chilenos tienen de sentirse como en casa y hacer más placentero el tiempo que pasen en otro pais.

Con la llegada a Chile de aerolíneas de bajo costo, la gran oferta de pasajes aéreos y las varias visas que permiten a jóvenes trabajar y vacacionar en un país extranjero, ha aumentado significativamente las ganas de salir a conocer el mundo y es ahi donde comienzan las dudas, ¿A dónde debo ir? ¿Dónde me puedo quedar? ¿Dónde puedo salir de carrete con música que me guste?,¿Dónde puedo comer comida parecida a la de mi país?, ¿Dónde puedo celebrar el 18 de Septiembre?, entre muchas otras dudas. No existe ningún sitio destinado al viajero que vaya por un tiempo más prolongado a un país extranjero.

Buscando solucionar este vacío, creamos Viajeros Chilenos una app donde los usuarios podrán registrarse, leer y entregar tips para tener un viaje seguro, entretenido y sin inconvenientes.

Planificación

La planificacion fue realizada en trello, la cual puedes revisar aquí

Usuarios

Identificamos 3 usuarios

  • Usuario que quiere viajar y esta empezando a organizar su viaje.

  • Ususario que ya conoce el destino y quiere compartir su experiencia.

  • Usuario que esta en el destino y necesita informacion rápida.

Historias de usuario

1)COMO usuario nuevo QUIERO ingresar a la aplicacion PARA poder leer los post

Criterio de aceptación: Para realizar la historia de usuario N°1 voy a : Permitir al usuario crear una cuenta Ingresar su apellido Ingresar correo Permitir al usuario crear una contraseña Confirmar contraseña Debe recibir un correo de verificación para confirmar e-mail Generar un mensaje de error si no completa todos los datos obligatorios

2)COMO usuario de la app QUIERO ingresar a la aplicación PARA poder leer y crear los post

Criterio de aceptación: Para realizar la historia de usuario N°2 voy a : Permitir al usuario ingresar con su correo y contraseña Permitir al usuario ingresar con su cuenta de google

3)COMO usuario de la aplicacion QUIERO crear un post PARA compartir informacion de mi viaje

4)COMO usuario de la aplicacion QUIERO modificar mis post PARA actualizar la informacion que ingrese

5)COMO usuario de la aplicacion QUIERO borrar el post PARA que los usuarios no se confundan ya que el contenido no esta actualizado

Prototipo de Baja Fidelidad

Comenzamos el proceso de creacion con el prototipo de Baja Fidelidad, una vez creado continuamos con el prototipo de Alta Fidelidad crear usuario ingresar post

Prototipo de Alta Fidelidad

| Prototipo de Alta Fidelidad|

El prototipo de Alta Fidelidad fue realizado en Figma.

Consideraciones en el desarrollo

Nuestro proyecto fue desarrollado JS, HTML y CSS.

Implementación de la interfaz

Ademas de JS , HTML y CSS utilizamos Firebase , github, y el deploy fue realizado con gh-Pages. Durante la duracion de este proyecto las trealoizadoras trabajamos con pair programming, logrando avanzar a la par.

##Tests

Test de Usabilidad

Primero realizamos el test de el prototipo, este fuetesteado con compañeras que les interesaba viajar, y nos dieron sus feedback. Con esto modificamos los colores y el logo.

Luego realizamos 5 testeos de usabilidad con usuarios objetivos El primer feedback fue que lo que modificaramos el nombre ya que no tenia relación clara con nuestra aplicación y lo cambiamos por el actual.

Como fuimos terminando una historia de usuario antes de comenzar la siguiente nos comentaron que que se veia muy raro intentar llegar al post y que sòlo apareciera una pagina en blanco con un boton volver, por lo que creamos una página en construcción que avisa que estamos trabajando en ella.

Finalmente tambien obtuvimos feedback sobre los datos solicitados al crear un usuario, algunos usuarios no entendieron por que pedìamos ciudad y pais , esto no fue modificado ya que en una futura mejora esto servirá para crear un filtro.

Test Unitarios

  • Se realizó test para comprobar el funcionamiento de la aplicación, logrando los siguientes resultados:

    • % Statements: 100; % Branch: 100; % Functions: 100; % Lines: 100

Futuras mejoras y Hacker edition

  • Implementar el muro para poder postear, el que incluya modificaciones y eliminar post ademas de dejar comentarios en el.
  • Implementar un filtro por pais y ciudad.
  • Poder acceder a mi localizacion y visualizar los tips que otros usuarios han agregado a mi alrededor.

Autoras

  • Jocelyn Casteletti
  • María José Marquez
  • Natalia Acosta

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.