Estoy muy entusiasmado con mi nuevo proyecto, el Podcast de “Viernes Friki“. Este es un podcast que hago junto a mi amigo Luis Santos y que por mucho tiempo hemos querido hacer. Pero este post se trata del proceso que sigo para la creación de la pagina Web oficial del Podcast. Estaré actualizando el post periódicamente, según el progreso.

Herramientas que usaré para el proyecto:

  • Adobe Experience Design CC – Para el prototipo.
  • Adobe Photoshop CC (2015.5) – Para los “Hero Images”
  • Sublime text – Como mi editor de código.
  • Mac OS Terminal (con un skin bien “Friki”) – Para interacción con la aplicación localmente y remota (Desarrollo y producción)

Servicios, lenguajes y frameworks:

  • Bootstrap para agilizar el trabajo con CSS
  • jQuery en la mayoría de los casos y Javascript puro cuando no hay remedio
  • Sass – CSS con súper poderes
  • Ruby (on Rails)
  • Github (para control de versiones, por supuesto)
  • Heroku (para ambiente de producción)

Update: Ya tengo el diseño general y he creado el foto montaje para la imagen “Hero”. Ahora estoy trabajando en la parte dinámica de la web la cual incluye:

  • Un cuadro de búsqueda para los episodios (Hecho)
  • Un formulario de contacto. (Hecho)
  • Una forma de registro para nuevos usuarios (Hecho)
  • Un sistema de autenticación para hacer login. (Hecho)

¿Qué falta todavia?

  1. Un sistema de autorización para acceso a determinadas areas por usuario. (Hecho)
  2. Creación de administradores. (Parcialmente implementado)
  3. Posibilidad de comentarios para usuarios registrados en el “Show” page.
  4. Dividir el contenido de episodios en “paginas” para que sea más fácil visualizar. (Hecho)

Puedes ver el progreso de la Web aquí.