Test Front-End MercadoLibre

Estructura de carpetas

Todo el código fuente está dentro del directorio "src". Dentro hay un directorio de cliente y servidor. Todo el código front-end (react, css, js, etc.) está en el directorio "client". Los componentes los desarrollé usando diseño atómico (atom design), por lo que están en sub-carpetas atoms, molecules, organisms, pages y templates. El código back-end de node / express está en el directorio "server".

Ejecución

# Clonar el repositorio
git clone https://github.com/marcos0x/meli-test

# Ir dentro del directorio
cd meli-test

# Instalar dependencias
yarn (o npm install)

Modo de desarrollo

En el modo de desarrollo, hay 2 servidores en ejecución. El código de front-end es servido por webpack que ayuda con la recarga en tiempo real. El código de back-end es servido por node / express usando nodemon que ayuda a reiniciar automáticamente el servidor cada vez que cambia el código del lado del servidor.

# Iniciar servidor de desarrollo
yarn dev (o npm run dev)

Modo de producción

En el modo de producción, solo hay un servidor en ejecución. Todo el código del lado del cliente se incluye en archivos estáticos utilizando webpack y es servido por node / express.

# Compilación para producción
yarn build (o npm run build)

# Iniciar servidor de producción
yarn start (o npm start)

Modo test

Todo el desarrollo está basado en test (TDD), por lo que cualquier cambio en el código reinicia los tests.

# Iniciar tests
yarn test (o npm test)