Skip to content

Adalab/project-promo-u-module-3-team-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

84 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + Vite

Proyectos Molones

Crea la tarjeta de presentación de tus proyectos

Tabla de Contenidos

Introducción

Crear tarjetas de presentación personalizadas para tus proyectos nunca ha sido tan fácil. Este repositorio contiene una aplicación web desarrollada con React que te permite generar tarjetas de presentación únicas y atractivas a través de un sencillo formulario de personalización.

Cómo Empezar

Clona el repositorio y empieza a maquetarlo y ajustarlo a tu gusto.

Requisitos Previos

-npm install Para renderizarlo: -npm run dev

Instalación

No se requiere instalación, ya que nuestra aplicación se ejecuta en línea. Simplemente accede a la URL de nuestra página web para comenzar a crear tus tarjetas de presentación.

Uso

  1. Accede a la página web del Generador de Tarjetas de Presentación.
  2. Rellena el formulario con la información de tu proyecto, incluyendo el nombre del proyecto, lema, repositorio, demo, tecnologías utilizadas y una descripción.
  3. También puedes personalizar la tarjeta de presentación con tu nombre y título.
  4. Sube imágenes de tu proyecto y tu foto si lo deseas.
  5. Haz clic en el botón "Crear Tarjeta" para generar tu tarjeta de presentación.
  6. ¡Listo! Ahora puedes ver y compartir tu tarjeta de presentación personalizada.

Componentes

Nuestra aplicación consta de varios componentes:

  • App: El componente principal desarrollado en React que gestiona el estado y renderiza otros componentes.
  • CardPreview: Muestra una vista previa de la tarjeta de presentación.
  • Form: Permite a los usuarios ingresar información y personalizar la tarjeta.

Estilo

Hemos diseñado la interfaz de usuario con un estilo atractivo y amigable para el usuario con una temática a modo detective de los años 50's. Nuestra aplicación utiliza hojas de estilo CSS para lograr un diseño agradable.

Tecnologías

Este proyecto se ha desarrollado utilizando las siguientes tecnologías:

  • React
  • HTML
  • CSS

Autores

  • Arantxa Cristina Darling y Barbara

84d8e0b330430488b98b44ed329c40e0e01e6aa6