davidgonzalezfx / goodtime

Good time clone

Good time clone

Original repo | Play Store

Descripcion

Este proyecto es el clon de una app de productividad llamada Good time cuyo funcionamiento esta basado en la técnica de pomodoro. El objetivo del proyecto es llevar una idea desde html y css puro hasta una applicación nativa con react native, para aprender y refrescar conocimientos de desarrollo web.

Instrucciones de uso

1. Clonar el repositorio: $ git clone https://github.com/davidgonzalezfx/goodtime
2. Abrir el archivo index.html en tu navegador

Temas frontend cubiertos por el proyecto

• HTML5 básico
• CSS3 básico
• Flexbox y grid CSS
• Responsive design
• Fuentes
• Javascript básico
• Manipular el DOM con vanilla JS
• BEM CSS
• HTML semántico
• Pseudo clases y pseudo elementos
• Preprocesadores de CSS
• Accesibilidad y Google lighthouse
• React.js (create-react-app vs webpack)
• React Hooks
• Redux
• React native

Roadmap

HTML, CSS y JS Básico

• Maquetar pantalla inicial
• Maquetar menu desplegable
• Maquetar sección de etiquetas
• Maquetar sección de configuración
• Contador de pomodoros
• Dar funcionalidad al timer
• Configuraciones de usuario
• Responsive
• Organizar en componentes
• Organizar CSS
• Preprocesadores CSS
• Accesibildad
• Temas (dark y light)

React y Redux

• Migrar projecto a React
• Componentes
• Multiples timers
• Redux
• Perisistencia de datos

React native

• Migrar projecto a React native
• Aprender 🤔