Unsplash Box
- Año
- 2025
- Rol
- Full-stack
Unsplash Box es una aplicación full-stack inspirada en Pinterest para guardar y organizar imágenes en colecciones.
El frontend está hecho con React, Redux y Tailwind. El backend en Node.js expone la API y usa Prisma sobre PostgreSQL para usuarios, colecciones y pins.
Las imágenes subidas por los usuarios se almacenan en AWS S3, y la integración con la API de Unsplash permite buscar y añadir imágenes externas a cualquier colección.
Features
- Login con Google o local
- Colecciones y pins
- Subida de imágenes a AWS S3
- Búsqueda con la API de Unsplash
Stack
React'%20xlink:href='%23a'%3e%3c/use%3e%3cpath%20fill='%235e1f18'%20d='M314%20175l-58%2011-58-11%2058-15%2058%2015'%3e%3c/path%3e%3cpath%20fill='%23f2b0a9'%20d='M314%20337l-58-11-58%2011%2058%2016%2058-16'%3e%3c/path%3e%3c/svg%3e){kind=small}
AWS S3
PostgreSQL'%3e%3cpath%20fill='%2338bdf8'%20fill-rule='evenodd'%20d='M27%200c-7.2%200-11.7%203.6-13.5%2010.8%202.7-3.6%205.85-4.95%209.45-4.05%202.054.513%203.522%202.004%205.147%203.653C30.744%2013.09%2033.808%2016.2%2040.5%2016.2c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C36.756%203.11%2033.692%200%2027%200zM13.5%2016.2C6.3%2016.2%201.8%2019.8%200%2027c2.7-3.6%205.85-4.95%209.45-4.05%202.054.514%203.522%202.004%205.147%203.653C17.244%2029.29%2020.308%2032.4%2027%2032.4c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C23.256%2019.31%2020.192%2016.2%2013.5%2016.2z'%20clip-rule='evenodd'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='tailwindcss__a'%3e%3cpath%20fill='%23fff'%20d='M0%200h54v32.4H0z'%3e%3c/path%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e){kind=small}
TailwindCSS'%20d='M134.923%201.832c-4.344-2.443-9.502-2.443-13.846%200L6.787%2067.801C2.443%2070.244%200%2074.859%200%2079.745v132.208c0%204.887%202.715%209.502%206.787%2011.945l114.29%2065.968c4.344%202.444%209.502%202.444%2013.846%200l114.29-65.968c4.344-2.443%206.787-7.058%206.787-11.945V79.745c0-4.886-2.715-9.501-6.787-11.944L134.923%201.832Z'%3e%3c/path%3e%3cmask%20id='nodejs__d'%20fill='%23fff'%3e%3cuse%20xlink:href='%23nodejs__b'%3e%3c/use%3e%3c/mask%3e%3cpath%20fill='url(%23nodejs__c)'%20d='M249.485%2067.8%20134.65%201.833c-1.086-.542-2.443-1.085-3.529-1.357L2.443%20220.912c1.086%201.357%202.444%202.443%203.8%203.258l114.834%2065.968c3.258%201.9%207.059%202.443%2010.588%201.357L252.47%2070.515c-.815-1.086-1.9-1.9-2.986-2.714Z'%20mask='url(%23nodejs__d)'%3e%3c/path%3e%3cmask%20id='nodejs__g'%20fill='%23fff'%3e%3cuse%20xlink:href='%23nodejs__e'%3e%3c/use%3e%3c/mask%3e%3cpath%20fill='url(%23nodejs__f)'%20d='M249.756%20223.898c3.258-1.9%205.701-5.158%206.787-8.687L130.579.204c-3.258-.543-6.787-.272-9.773%201.628L6.786%2067.53l122.979%20224.238c1.628-.272%203.529-.815%205.158-1.63l114.833-66.239Z'%20mask='url(%23nodejs__g)'%3e%3c/path%3e%3c/svg%3e){kind=small}
NodeJS
Redux
Prisma
