El presente proyecto consiste en replicar (o hacer pixel copy) de una página web actual. Para lo anterior mencionado, se eligió la página web de Samsung: https://shop.samsung.com/latin/gt/. Este proyecto tiene todos los componentes que la página de Samsung posee. Asimismo, se contempló la idea de usar componentes para poder llevar el diseño de una manera más eficaz, ordenada y rápida. Es importante destacar que este proyecto se clonó durante las festividades del día de la madre, es por ello que el carrusel tiene imágenes de tal día.
Este proyecto tiene una gran utilidad, dado que se puede practicar el uso de css, componentes, etc. Asimismo, este proyecto contribuye a poder entender como se construye un sitio web formal y casi listo para publicarse. Por otro lado, sirve para poder entender como es que se debe diseñar la coloración de un sitio web y los tamaños correctos para cada elemento de un sitio web.
Para poder comenzar con este proyecto, es importante poder saber como se construye un ambiente de trabajo en Webpack. También es importante saber como poder configurar el ambiente de trabajo de React y Webpack. Por otro lado, es importante que el programador que se encuentre dispuesto a comenzar con un proyecto como este, sepa como configurar de manera actual eslint, css, el loader de imágenes, Babel y React.
En caso de que ocurra la necesidad de recibir ayuda de mi parte, es recomendable mandarme un correo al inbox de Github para poder agendar una cita virtual y resolver dudas.
El responsable, en este caso, de mantener y contribuir propiamente con el proyecto soy yo, dado que se trata de un proyecto personal universitario.
La tecnología utilizada para este proyecto es únicamente React, pues es una tecnología que ha tenido un gran peso últimamente en los frameworks de JavaScript y en las tecnologías web. Por otro lado, React actualmente cuenta con una gran documentación y con tutoriales bastante recientes para consultar. Finalmente, React se está usando porque tiene bastante soporte por parte de los creadores, pues se trata de una tecnología bastante reciente.
Para poder correr el proyecto, se debe ejecutar lo siguiente:
- npm install para poder obtener todos los módulos que se usan en el proyecto.
- npm start para poder poder correr el proyecto 8000. Asimismo, para ver la página en ejecución, se debe escribir localhost:8000 en el navegador de preferencia.