https://github.com/suarez0999/frontierux
FrontierUX es un proyecto personal donde resuelvo retos de diseño de interfaces y experiencia de usuario (UI/UX) inspirados en plataformas como DailyUI y Frontend Mentor. Cada reto es una oportunidad para mejorar mis habilidades, explorar nuevas tendencias y compartir mis soluciones con la comunidad.
https://github.com/suarez0999/frontierux
astro tailwindcss ui ux
Last synced: 3 months ago
JSON representation
FrontierUX es un proyecto personal donde resuelvo retos de diseño de interfaces y experiencia de usuario (UI/UX) inspirados en plataformas como DailyUI y Frontend Mentor. Cada reto es una oportunidad para mejorar mis habilidades, explorar nuevas tendencias y compartir mis soluciones con la comunidad.
- Host: GitHub
- URL: https://github.com/suarez0999/frontierux
- Owner: suarez0999
- Created: 2025-01-25T03:16:15.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-02-02T22:21:19.000Z (4 months ago)
- Last Synced: 2025-02-02T23:20:20.954Z (4 months ago)
- Topics: astro, tailwindcss, ui, ux
- Language: Astro
- Homepage: https://suarez0999.github.io/frontierux/
- Size: 726 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# FrontierUX
Un espacio de desafíos UI/UX para crecer como diseñador y desarrollador.
FrontierUX es un proyecto personal donde resuelvo retos de diseño de interfaces y experiencia de usuario (UI/UX) inspirados en plataformas como DailyUI y Frontend Mentor. Cada reto es una oportunidad para mejorar mis habilidades, explorar nuevas tendencias y compartir mis soluciones con la comunidad.
---
## Características del repositorio
### 🎨 Diseños creativos
- Soluciones únicas a retos de UI/UX.
- Inspiración en tendencias modernas y principios de diseño accesible.
### 💻 Código limpio
- Implementaciones utilizando:
- **Astro**: Framework principal.
- **TailwindCSS**: Para estilizado rápido y responsivo.
- **Framer Motion**: Animaciones fluidas y dinámicas.
- **TypeScript**: Tipado estático para mayor seguridad en el código.
### 🚀 Aprendizaje constante
- Reflexiones y lecciones documentadas en cada reto.
- Experimentos con nuevas tecnologías y metodologías.
---
## Estructura de carpetas
```plaintext
📂 src
├── 📂 assets
│ ├── 📂 images # Imágenes utilizadas en los proyectos.
│ ├── 📂 icons # Íconos SVG y gráficos reutilizables.
│
├── 📂 components
│ ├── 📂 dailyui # Componentes de retos DailyUI.
│ ├── 📂 frontendmentor # Componentes de retos Frontend Mentor.
│
├── 📂 layouts # Diseños reutilizables para las páginas.
│
├── 📂 pages
│ ├── dailyui # Páginas de retos DailyUI.
│ ├── frontendmentor # Páginas de retos Frontend Mentor.
│
├── 📂 styles # Archivos CSS globales o configuraciones de TailwindCSS.
└── 📂 utils # Funciones auxiliares y herramientas.
📂 public # Archivos estáticos accesibles por rutas absolutas.
```
---
## Dependencias utilizadas
- **[Astro](https://astro.build/)**: Para el manejo de componentes y generación de sitios estáticos.
- **[TailwindCSS](https://tailwindcss.com/)**: Para estilos rápidos y responsivos.
- **[Framer Motion](https://www.framer.com/motion/)**: Para animaciones elegantes.
- **[TypeScript](https://www.typescriptlang.org/)**: Para un código más robusto y mantenible.
- **[Prettier](https://prettier.io/)**: Para formateo automático del código.
---
## Cómo contribuir
¡Gracias por tu interés en contribuir a FrontierUX! Sigue estos pasos:
1. **Haz un fork del repositorio.**
2. Crea una rama para tu contribución:
```bash
git checkout -b feature/nueva-funcionalidad
```
3. Realiza tus cambios y escribe commits descriptivos.
4. Envía un pull request explicando tus cambios.
---
## Instalación y configuración
1. Clona este repositorio:
```bash
git clone https://github.com/tuusuario/frontierux.git
```
2. Navega al directorio del proyecto:
```bash
cd frontierux
```
3. Instala las dependencias:
```bash
npm install
```
4. Inicia el entorno de desarrollo:
```bash
npm run dev
```
---
## Licencia
Este proyecto está licenciado bajo la [MIT License](./LICENSE). Puedes usar, modificar y distribuir libremente el código respetando los términos de la licencia.
---
## Feedback
¡Tu opinión es importante! Si tienes sugerencias, preguntas o quieres compartir tu feedback, no dudes en abrir un issue o contactarme.
---
¡Explora los retos, déjame feedback y únete a esta aventura de creación!