https://github.com/muke78/portafolio
Portafolio creado con astro 4 con react soporte para typescript con dynamic-islands y con la libreria de @astrojs/tailwind en su version 5.1.2
https://github.com/muke78/portafolio
astro astro-compress daisyui flowbite framer-motion husky i18n pnpm portafolio portafolio-web react react-icons sitemap swiper swup tailwind tailwindcss typescript
Last synced: about 2 months ago
JSON representation
Portafolio creado con astro 4 con react soporte para typescript con dynamic-islands y con la libreria de @astrojs/tailwind en su version 5.1.2
- Host: GitHub
- URL: https://github.com/muke78/portafolio
- Owner: muke78
- License: mit
- Created: 2024-10-04T09:41:22.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-03-12T10:45:57.000Z (3 months ago)
- Last Synced: 2025-03-12T11:33:54.648Z (3 months ago)
- Topics: astro, astro-compress, daisyui, flowbite, framer-motion, husky, i18n, pnpm, portafolio, portafolio-web, react, react-icons, sitemap, swiper, swup, tailwind, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://khelde.vercel.app/
- Size: 5.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Portafolio desarrollado en astro
Se realizo el porttafolio con la tecnoligia de [Astro](https://astro.build/) y con la libreria de [React](https://es.react.dev/) montada a astro, con [Tailwind](https://tailwindui.com/) 5.1.5 en su interfaz desde @astrojs/tailwind
con tailwindcss 3.4.17- Se monto [Daisyui](https://daisyui.com/) sobre tailwind para manejar los temas de la apliacion
- Version estable `v.2.0.0` release, proximas y futuras actualizaciones
- Proxima actualizacion `v.2.0.1`
- Se ocupa la herramienta de reenvio de puertos desde host de tunel para revisar los cambios de el servidor en tiempo real desde un celular# Estructura del proyecto
Se hizo el cambio a arquitectura por funcionalidad para llevar un mejor cambio de los archivos y este mas organizado, un ejemplo como este
```txt
src/
|-- components/
| |- atoms/
| | |-- Button/
| | | |-- Button.jsx
| | | |-- Button.test.js
| |- molecules
| |- organisms
| |- templates
|-- contexts/
| |-- UserContext/
| | |-- UserContext.js
|-- hooks/
| |-- useMediaQuery/
| | |-- useMediaQuery.js
|-- features/
| |-- Home/
| | |-- atoms/
| | |-- molecules/
| | |-- organisms/
| | |-- utils/
| | |-- services/
| | |-- hooks/
| | |-- contexts/
| | |-- pages/
| | | |-- HomePage.jsx
| |-- index.js
|-- utils/
| |-- some-common-util/
| | |-- index.js/
| | |-- index.test.js
|-- services/
| |-- some-common-service/
| | |-- index.js/
| | |-- some-common-service.js/
| | |-- index.test.js
|-- App.jsx
|-- index.js
```