Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cozakoo/react_contact_martinarcos
Aplicación que muestra mis datos de contacto de manera resumida y dinámica.
https://github.com/cozakoo/react_contact_martinarcos
framer-motion javascript react tailwindcss
Last synced: 28 days ago
JSON representation
Aplicación que muestra mis datos de contacto de manera resumida y dinámica.
- Host: GitHub
- URL: https://github.com/cozakoo/react_contact_martinarcos
- Owner: cozakoo
- License: apache-2.0
- Created: 2024-04-30T20:23:25.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-06-06T03:30:32.000Z (8 months ago)
- Last Synced: 2024-06-06T04:38:03.598Z (8 months ago)
- Topics: framer-motion, javascript, react, tailwindcss
- Language: JavaScript
- Homepage: https://martin-arcos-contact.netlify.app/
- Size: 4.88 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Datos de contacto dinámico con React
Este proyecto es una aplicación web que muestra mis datos de contacto de manera resumida y dinámica. Ha sido desarrollado utilizando tecnologías modernas como React, Vite, Animate.css, Frame Motions y Tailwind CSS.
### 👉👉 [Click Here](https://martin-arcos-contact.netlify.app/) 👈👈 para ver el proyecto
https://github.com/cozakoo/React_contact_martinArcos/assets/107519498/8a00a3f4-59c8-447d-a433-a0834f07c90d
## Características
- Datos de contacto resumidos: El proyecto muestra de manera clara y concisa mis datos de contacto, permitiendo a los usuarios acceder fácilmente a la información que necesitan.
- Interfaz dinámica: La interfaz de usuario es altamente interactiva, permitiendo a los usuarios seleccionar botones y arrastrar elementos para una experiencia fluida y agradable.
- Tecnologías modernas: Se ha utilizado una variedad de herramientas y bibliotecas modernas para el desarrollo del proyecto, incluyendo React para la construcción de la interfaz de usuario, Vite para la configuración del entorno de desarrollo, Animate.css para animaciones, Frame Motions para animaciones avanzadas, y Tailwind CSS para el diseño y estilizado rápido y eficiente.
## Tecnologías Utilizadas
1. React: Biblioteca de JavaScript para la construcción de interfaces de usuario interactivas.
2. Vite: Herramienta de compilación rápida para proyectos de JavaScript y TypeScript.
3. Animate.css: Biblioteca de animaciones CSS listas para usar.
Frame Motions: Biblioteca de animaciones avanzadas para React.
4. Tailwind CSS: Framework de CSS utilitario para el diseño rápido y personalizable.
## Requisitos
Antes de ejecutar este proyecto en tu máquina local, asegúrate de tener instalados los siguientes requisitos:
- **Node.js**: Asegúrate de tener Node.js instalado en tu sistema. Puedes descargarlo desde [nodejs.org](https://nodejs.org/).
## Cómo Ejecutar
Sigue estos pasos para ejecutar el proyecto en tu máquina local:
### Paso 1: Clonar el Repositorio
```bash
git clone https://github.com/cozakoo/React_contact_martinArcos.git
```
### Paso 2: Ir al directorio clonado
```bash
cd React_contact_martinArcos/
```
### Paso 3: Ejecutar
```bash
npm install
```
### Paso 4: Correr
```bash
npm run dev -- --open
```
## Contribución
Las contribuciones son bienvenidas. Si deseas contribuir a este proyecto, por favor sigue los siguientes pasos:
1. Realiza un fork del repositorio.
2. Crea una rama con el nombre de la función o la corrección que desees implementar (git checkout -b mi-contribucion).
3. Realiza tus cambios y commitea (git commit -am 'Añade funcionalidad X').
4. Sube tus cambios a tu repositorio fork (git push origin mi-contribucion).
## Licencia
Este proyecto está bajo la Licencia MIT. Para más detalles, consulta el archivo [LICENSE](LICENSE).