文件列表:

banner.jpg (2298107, 2023-10-26)
dist/ (0, 2023-10-26)
dist/assets/ (0, 2023-10-26)
dist/assets/3Dprinter-b4ec0b93.png (184669, 2023-10-26)
dist/assets/VegetaNoGokui-0207c5c9.jpg (199200, 2023-10-26)
dist/assets/avatar-iconn-c5f9bafc.jpg (32097, 2023-10-26)
dist/assets/cell-1-73dac3cb.jpg (51478, 2023-10-26)
dist/assets/diorama-16c9b23c.jpg (175410, 2023-10-26)
dist/assets/diorama-ea7e3346.jpg (166937, 2023-10-26)
dist/assets/espana-a63b68be.png (11418, 2023-10-26)
dist/assets/estados-unidos-06202a7e.png (22699, 2023-10-26)
dist/assets/fondo-header-bb67f5c7.jpg (430230, 2023-10-26)
dist/assets/fondo-header-celular-2b680972.jpg (219118, 2023-10-26)
dist/assets/freezer-1d0d6e31.jpg (35957, 2023-10-26)
dist/assets/goku-cults-b49e1048.png (487745, 2023-10-26)
dist/assets/index-82a616c2.js (408627, 2023-10-26)
dist/assets/index-b246656f.css (263729, 2023-10-26)
dist/assets/react-35ef61ed.svg (4126, 2023-10-26)
dist/assets/resina-b80a7d49.png (52766, 2023-10-26)
dist/assets/vegeta-capsula-8087dd02.jpg (105572, 2023-10-26)
dist/index.html (984, 2023-10-26)
dist/vite.svg (1497, 2023-10-26)
gitignore.txt (253, 2023-10-26)
index.html (866, 2023-10-26)
node_modules/ (0, 2023-10-26)
node_modules/.bin/ (0, 2023-10-26)
node_modules/.bin/acorn (298, 2023-10-26)
node_modules/.bin/acorn.cmd (303, 2023-10-26)
node_modules/.bin/acorn.ps1 (785, 2023-10-26)
node_modules/.bin/auto (310, 2023-10-26)
node_modules/.bin/auto.cmd (309, 2023-10-26)
node_modules/.bin/auto.ps1 (809, 2023-10-26)
node_modules/.bin/autoprefixer (326, 2023-10-26)
node_modules/.bin/autoprefixer.cmd (317, 2023-10-26)
node_modules/.bin/autoprefixer.ps1 (841, 2023-10-26)
node_modules/.bin/browserslist (306, 2023-10-26)
node_modules/.bin/browserslist.cmd (307, 2023-10-26)
node_modules/.bin/browserslist.ps1 (801, 2023-10-26)
node_modules/.bin/cssesc (302, 2023-10-26)
... ...

 Para este proyecto decidí realizar una pagina web de venta de figuras en 3D hechas con dos modelos distintos de impresoras. # __Tecnologias usadas para esta pagina__ __Vite - ReactJS - JavaScrip - HTML - CSS - Bootstrap - Swiper - Tailwind__ # __Como se penso la pagina__ Lo primero fue la idea. De que se trataria esta pagina. Una pagina que se pueda modificar con las demas etapas de la carrera. Teniendo eso en mente, el siguiente paso fue pensar en algo util que no solo sea un proyecto para la carrera, sino que me sirva en terminos personales. Imagine una pagina que muestre figuras impresas en 3D hechas por mi y mi compaero. - Para esto decidi que sea lo mas modular posible utilizando solo HTML y CSS para que al trabajar en ella pueda tener facilidades de todo tipo a la hora de buscar y modificar codigo. ## __Luego pense el diseo para pantallas de escritorio.__ (Sabiendo que no era lo ideal) - Lo primero que se hizo fue un header con una navegacion simple. - El siguiente paso fue una seccion para mostrar una pequea diferencia entre las dos tecnologias de impresion. - Para esto se uso el display flex, en varias clases - Otra de las secciones era un carrusel para mostrar algunas de las figuras. Para lograr este carrusel use la libreria de swiper y otra de ionicons para los iconos de flecha bajo el carrusel, que despues servirian para hacer un poco de magia con JavaScrip y que sirvan como boton para los cambios de imagenes. Tambien hice un boton para ver mas productos. En esta instancia no hace nada pero que mas adelante servira para mostrar una galaeria de imagen de productos, la cual voy a hacer utilizando JavaScript - Tambien use display flex - Por ultimo hice el footer, donde coloque como titulo el nombre de la pagina y una breve informacion sobre los pedidos. Use una de las tarjetas hechas en una pactica que me gusto mucho, a la cual le di mi propio estilo y rellene con mis datos personales y tambien agregue una tarjeta para mi compaero, por que mi idea es usar esta pagina para que las personas vean nuestro trabajo. Agregue unos botones para las redes sociales y contactos de cada uno (Solo las mias contienen datos, decidi no poner las de mi compaero por privacidad). - para todo esto se uso display flex y flex direction. - Como ultimo detalle agregue los derechos de autor bajo el footer # __Implementación SASS__ Se quito todo el CSS nativo y se implemento el uso de SASS # __Estapa REACT__ Se creo el proyecto usando Vite Una vez creado el proyecto tuve que hacer varios cambios a mi pagina Se utilizo el router Se creo un nuevo dark mode Se implemento el multilenguaje (No funciona todavia)

近期下载者：

相关文件：

评论：[我要评论] [举报此文件]

收藏者：