Giter Site home page Giter Site logo

codexudea / codexudea.github.io Goto Github PK

View Code? Open in Web Editor NEW
19.0 19.0 35.0 10.35 MB

Codex UdeA Website 馃捇

Home Page: https://codexudea.github.io

License: MIT License

HTML 1.03% Vue 53.22% JavaScript 41.48% SCSS 4.07% Shell 0.20%
community community-project vue

codexudea.github.io's People

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

jdiegoisaza andrespinov santiago-b9826 cristian-bfmv raijeku matiusbedo pedrog31 mbaenach sebastiangomeza pilararroyave pacho89 jeanherrera4 joh95 am9805 juanferrgiraldo gio96 wagd96 camilocls camigomezdev yoinergomez vasquezsre martineliasq veluaru moralesbang dmrmejiar diegopovalz 94briel imsebarz cosmolejo danielmonroym janertorres danielavl donyarce juane2000 georgioupanayiotis

codexudea.github.io's Issues

Estructurar componente - event-card

Descripci贸n

Crear la estructura HTML y estilos para el componente event-card
image

Criterios de aceptaci贸n

  • El dise帽o del componente debe ser consistente con el dise帽o de referencia

Recursos:

Deadline:

Enviar el PR antes de: TBD
Solucionar los comentarios del PR (en caso de que hayan): TBD

Limit the character count on `EventCard` description

馃摐 Description

The event card description must have no more than 150 characters. If the character count is higher than 150, the card should show the first 150 characters and elipsis (...).

馃悰 Current behavior

image

馃悵 Expected behavior

image

Estructurar componente - hero-card

Descripci贸n

Crear la estructura HTML y estilos para el componente hero-card
image

Criterios de aceptaci贸n

  • El dise帽o del componente debe ser consistente con el dise帽o de referencia
  • Para los iconos utilizar la librer铆a Font Awesome la cual ya est谩 instalada y configurada en el proyecto

Recursos:

Deadline:

Enviar el PR antes de: 26/10/2018
Solucionar los comentarios del PR (en caso de que hayan): 29/10/2018

Crear asset - heroes.json

Descripci贸n

Crear en la carpeta assets/data un archivo llamado heroes.json el cual contenga un array con la informaci贸n de los heroes de Codex en formato json.

Criterios de aceptaci贸n

  • La informaci贸n de cada heroe debe tener la siguiente estructura:
{
  name: 'nombre y apellido',
  bio: 'texto',
  picture: 'enlace a foto de perfil de github',
  github: 'enlace al gitHub',
  twitter: 'enlace al twitter'
}

Recursos:

  • La informaci贸n de los heroes la puede encontrar en este enlace

Notas

  • Puede dejar en blanco aquella informaci贸n con la que no se cuente

馃搯 Fecha limite de entrega:

22/10/2018

Estructurar componente - footer

Descripci贸n

Crear la estructura HTML y estilos para el componente footer
image

Criterios de aceptaci贸n

  • El CSS debe ser mobile-first
  • Utilizar semantic HTML
  • El dise帽o del componente debe ser consistente con el dise帽o de referencia
  • Para los iconos utilizar la librer铆a Font Awesome la cual ya est谩 instalada y configurada en el proyecto

Recursos:

Deadline:

Enviar el PR antes de: 27/10/2018
Solucionar los comentarios del PR (en caso de que hayan): 30/10/2018

El bot贸n del hero no abre la url esperada

Descripci贸n

El bot贸n del componente hero no est谩 re dirigiendo al formulario enviado como propiedad.

Pasos para reproducirlo

Pasos para reproducir el bug:

  1. Ir al hero
  2. Hacer click en el bot贸n 'dar una charla'
  3. Ver error

Comportamiento esperado

Al dar clic en el bot贸n 'dar una charla' debe abrir el enlace: https://docs.google.com/forms/d/e/1FAIpQLSfyeovAO7oIL4Zj3TdHXKJMKBzTo0d9EVxnpU4PgaEtEb4SxA/viewform

Screenshots

image

Dispositivos

  • Todos los navegadores

Informaci贸n adicional

Como referencia, puede ver el comportamiento del bot贸n de la secci贸n

Catch 404/unknown routes

馃摐 Description

Catch unknown routes and redirect them to a custom 404 page.
The page should show the following message:

404
La p谩gina que est谩s buscando no existe

馃摑 Notes

Footer links

Description

The footer links should either lead the user to the mentioned pages, or the mail application. Currently nothing happens when hovering or clicking this elements.

Devices

  • All browsers.

Agregar heroes - Diciembre 6

Agregar a la lista de heroes, los speakers de la reuni贸n del 6 de diciembre.

  • La informaci贸n de los heroes la pueden encontrar en este enlace

  • En el campo imagen colocar el enlace a la foto de perfil de GitHub

Agregar tema de color - team-card

Descripci贸n

El componente team-card debe recibir una propiedad llamada theme, si el valor de la propiedad es light el color de fondo de la tarjeta debe ser blanco, si el valor de la propiedad es chenin el color de fondo debe ser chenin

image
image

Recursos:

Crear asset - team.json

Descripci贸n

Crear en la carpeta assets/data un archivo llamado team.json el cual contenga un array con la informaci贸n de los organizadores de Codex en formato json.

Criterios de aceptaci贸n

  • La informaci贸n de cada organizador debe tener la siguiente estructura:
{
  name: 'nombre y apellido',
  bio: 'texto',
  picture: 'enlace a foto de perfil de github',
  github: 'enlace al gitHub',
  twitter: 'enlace al twitter'
}

Recursos:

  • La informaci贸n de los organizadores la puede encontrar en este enlace

Notas

  • Puede dejar en blanco aquella informaci贸n con la que no se cuente

Funcionalidad del navbar

Descripci贸n

Al hacer click en alguna opci贸n del navbar desktop, el scroll se debe dirigir a la secci贸n correspondiente.

La animaci贸n del bot贸n se sale del espacio esperado

Descripci贸n

Al hacer hover en el bot贸n del componente text-section la animaci贸n sobrepasa lo l铆mites del bot贸n.

Pasos para reproducirlo

Pasos para reproducir el bug:

  1. Ir a la secci贸n 'Quiero dar una charla'
  2. Colocar el mouse sobre el bot贸n
  3. Ver error

Comportamiento esperado

La animaci贸n se debe visualizar de la misma forma que en el componente hero

Screenshots

image

Dispositivos

  • Todos los navegadores

Crear componente - navbar-desktop

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado navbar-desktop.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

Notas

N/A

Scroll horizontal

Descripci贸n

El componente text-sextion est谩 generando un scroll horizontal en la p谩gina

Pasos para reproducirlo

Pasos para reproducir el bug:

  1. Abrir la p谩gina
  2. Hacer scroll hacia la derecha
  3. Ver error

Comportamiento esperado

La p谩gina no debe tener scroll horizontal

Screenshots

NA

Dispositivos

  • Todos los navegadores

Informaci贸n adicional

Este problema es causado por la clase row del grid, para solucionarlo, se debe asegurar de que las row estan encapsuladas en un container

Text overlap

Description

Text overlaps icons in user cards.

Screenshots

image

Devices

  • All browsers

Crear componente - hero

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado hero.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

Notas

N/A

Crear asset - celebrities.json

Descripci贸n

Crear en la carpeta assets/data un archivo llamado celebrities.json el cual contenga un array con la informaci贸n de las celebridades de Codex en formato json.

Criterios de aceptaci贸n

  • La informaci贸n de cada celebridad debe tener la siguiente estructura:
{
  name: 'nombre y apellido',
  bio: 'texto',
  picture: 'enlace a foto de perfil de github',
  github: 'enlace al gitHub',
  twitter: 'enlace al twitter'
}

Recursos:

  • La informaci贸n de las celebridades la puede encontrar en este enlace

Notas

  • Puede dejar en blanco aquella informaci贸n con la que no se cuente

Crear componente - text-section

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado text-section.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

Notas

N/A

Add a list of the topics already discussed in previous talks

Is your feature request related to a problem? Please describe.
Some speakers wants to know if an specific topic was already discussed in a previous (and sometimes, recent) meet, so a list of discussed topics can be helpful to the community in order to give a better idea of what can be shown to everyone in the community.

Describe the solution you'd like
It would be good if we can expose a document with topics already discussed.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
I thought it would be good to show in a list of the given talks with information on the date they were addressed and who was responsible for it, this can be achieved either with Google Sheets or right here on GitHub with Markdown (for solve it in an easy way), it could even be solved with a section on the website.

Estructurar componente - Hero

Descripci贸n

Crear la estructura HTML y estilos para el componente hero
image

Criterios de aceptaci贸n

  • El dise帽o del componente debe ser consistente con el dise帽o de referencia
  • Para el bot贸n se debe utilizar el componente button

Recursos:

Deadline:

Enviar el PR antes de: 26/10/2018
Solucionar los comentarios del PR (en caso de que hayan): 29/10/2018

Etructurar componente - team-card

Descripci贸n

Crear la estructura HTML y estilos para el componente team-card
image

Criterios de aceptaci贸n

  • El dise帽o del componente debe ser consistente con el dise帽o de referencia
  • Para los iconos utilizar la librer铆a Font Awesome la cual ya est谩 instalada y configurada en el proyecto

Recursos:

Deadline:

Enviar el PR antes de: 26/10/2018
Solucionar los comentarios del PR (en caso de que hayan): 29/10/2018

Crear componente - footer

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado footer.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

馃搯 Fecha limite de entrega:

22/10/2018

Crear componente - event-card

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado event-card.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

馃搯 Fecha limite de entrega:

22/10/2018

Agregar documentaci贸n - guia inicial

Descripcion

Como miembro de Codex quiero aprender el proceso para contribuir a este proyecto y as铆 participar en el.

Acceptance Criteria

  • La guia debe mostrar un paso a paso con capturas de pantalla de como:
    • tomar un issue
    • crear una rama del proyecto
    • hacer commit, push y pull
    • crear el pull request
  • La guia debe estar en formato .md

馃搯 Fecha limite de entrega:

22/10/2018

Crear componente - team-card

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado team-card.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

Notas

N/A

Crear componente - button

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado button.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

Notas

N/A

馃搯 Fecha limite de entrega:

22/10/2018

Contribuci贸n en servidor

Is your feature request related to a problem? Please describe.
A ver el crecimiento exponencial del Codex, cada vez se va tener mas informaci贸n que manejar. Esta informaci贸n de vuelve engorrosa si se trabaja como un archivo DATA.

Describe the solution you'd like
La soluci贸n propuesta es la arquitectura Cloud para el sitio de Codex, en el cual se puede trabajar un backend mas estructurado, el cual se pueda manejar mas informaci贸n y realizar diversos m贸dulos que se ir铆an implementando.

Describe alternatives you've considered
Como alternativa, mi contribuci贸n inicial es el servicio de cloud, creaci贸n y administraci贸n de la arquitectura.

Additional context
Se dar铆an charlas de como implementan de arquitecturas b谩sicas, para contribuir mas con el proyecto de Codex

Crear asset - events.json

Descripci贸n

Crear en la carpeta assets/data un archivo llamado events.json el cual contenga un array con la informaci贸n de los eventos de Codex en formato json.

Criterios de aceptaci贸n

  • La informaci贸n de cada heroe debe tener la siguiente estructura:
{
  date: 'fecha en formato DD/MM/AAAA',
  venue: 'LIS',
  time: 'horario en formato HH:MM en horario militar (24H)',
  talks: [{
    title: 'nombre de la charla1',
    speaker: 'nombre del speaker1'
  },
  {
    title: 'nombre de la charla2',
    speaker: 'nombre del speaker2'
  }]
}

Recursos:

  • La informaci贸n de los eventos la puede encontrar en este enlace
  • La hora para los eventos realizados en 2017 es 16:00 - 18:00
  • La hora para los eventos realizados en 2018 es 14:00 - 16:00, excepto el realizado en la fecha 18/10/2018 el cual fue en horario 17:30 - 20:00

Notas

  • Puede dejar en blanco aquella informaci贸n con la que no se cuente

馃搯 Fecha limite de entrega:

22/10/2018

Crear componente - hero-card

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado hero-card.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

Notas

N/A

Mostrar enlace a redes sociales solo si est谩 disponible - Hero card

Descripci贸n

En las tarjetas de los heroes se estan mostrando los botones de twitter o github incluso en los casos en los que el heroe no cuenta con esta red social.

Pasos para reproducirlo

Pasos para reproducir el bug:

  1. Ir a a la secci贸n hero
  2. Hacer click en el icono de Twitter del primer heroe
  3. Ver error

Comportamiento esperado

  • Se deber铆a mostrar el bot贸n a la red social solo si esta existe

Screenshots

NA

Dispositivos

  • Todos los navegadores

Crear componente - navbar-mobile

Descripci贸n

En la carpeta components crear la estructura b谩sica para un componente llamado navbar-mobile.

Criterios de aceptaci贸n

  • El componente debe contener la estructura b谩sica de un archivo .vue (<template> <script> y <style>)
  • La etiqueta template debe tener una clase con el mismo nombre del componente
  • En script se le debe asignar al componente el nombre

Recursos:

Notas

N/A

Estructurar componente - navbar-desktop

Descripci贸n

Crear la estructura HTML y estilos para el componente navbar-desktop

image

Criterios de aceptaci贸n

  • El CSS debe ser mobile-first
  • Utilizar semantic HTML
  • El dise帽o del componente debe ser consistente con el dise帽o de referencia
  • El navbar debe ser visible a partir de medium-viewport

Recursos:

Deadline:

Enviar el PR antes de: 26/10/2018
Solucionar los comentarios del PR (en caso de que hayan): 29/10/2018

Agregar eslint

Descripcion

Agregar archivo eslintrc para el estilo del codigo.

Estructurar componente - text-section

Descripci贸n

Crear la estructura HTML y estilos para el componente text-section

image

Criterios de aceptaci贸n

  • El CSS debe ser mobile-first
  • Utilizar semantic HTML
  • El dise帽o del componente debe ser consistente con el dise帽o de referencia
  • Para el bot贸n se debe utilizar el componente 'button' y debe ser opcional [puede o no tener boton el componente]

Recursos:

Deadline:

Enviar el PR antes de: 26/10/2018
Solucionar los comentarios del PR (en caso de que hayan): 29/10/2018

Estructurar componente - button

Descripci贸n

Crear la estructura HTML y estilos para el componente button

image

Criterios de aceptaci贸n

  • El CSS debe ser mobile-first
  • Utilizar semantic HTML
  • El dise帽o del componente debe ser consistente con el dise帽o de referencia
  • El texto a mostrar por defecto debe ser submit

Recursos:

Deadline:

Enviar el PR antes de: TBD
Solucionar los comentarios del PR (en caso de que hayan): TBD

Mostrar enlace a redes sociales solo si est谩 disponible - Team card

Descripci贸n

En las tarjetas de los miembros del equipo team-card se estan mostrando los botones de twitter o gitHub incluso en los casos en los que la persona no cuente con esta red social.

Pasos para reproducirlo

Pasos para reproducir el bug:

  1. Ir a a la secci贸n salon de la fama
  2. Hacer click en el icono de Twitter de la primer tarjeta
  3. Ver error

Comportamiento esperado

  • Se deber铆a mostrar el bot贸n a la red social solo si esta existe

Screenshots

NA

Dispositivos

  • Todos los navegadores

Site-wide white space

Description

White space at the right side of the site, visible in all pages, after scrolling to the left.

Screenshots

image
(Open to preview)

Devices

  • All browsers.

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.