Skip to content

Latest commit

 

History

History
executable file
·
74 lines (55 loc) · 3.16 KB

README.md

File metadata and controls

executable file
·
74 lines (55 loc) · 3.16 KB

Xscriptor

Esta es una de las últimas versiones de la plantilla general del sitio web xscriptor.com

Xscriptor es un sitio web que ofrece una variedad de contenidos artísticos y literarios, incluyendo colecciones de arte, información sobre el autor, un portafolio de proyectos, un blog y una sección de contacto.

Secciones del Sitio

  • Inicio: Página principal que presenta una visión general del sitio y sus contenidos destacados.
  • Colecciones: Galería de obras de arte y literatura disponibles.
  • Info: Información detallada sobre el autor y la misión del sitio.
  • Contacto: Formulario y detalles para comunicarse con el autor o el equipo.
  • Portafolio: Muestra de proyectos y trabajos realizados.
  • Blog: Artículos y entradas relacionadas con temas de interés.
  • Políticas: Página que detalla las políticas de privacidad y términos de uso del sitio.

Capturas de Pantalla

Inicio Animación-json Formulario-cursor

Componentes

  • Home: para separar la lógica del home y poder usar las meta con next.
  • Cursor: implementación de un cursor personalizado.
  • footer: un componente para sólo tener que importarlo en cada sitio.
  • Inicio.json: animación al abrir el sitio, que por cierto está renderizado con lottie, fue más eficiente que el mp4.
  • InteractiveText/one/two: variaciones del mismo código, componente para juego con frases de xscriptor.
  • Loading animation: componente que define la funcionalidad para reproducir Inicio.Json.
  • Navbar: barra de navegación.
  • NavLink: enlaces en la barra de navegación.
  • NewsletterPopup: componente para suscripción al boletín.
  • ParticleBackground: componente para el script de partículas en info.
  • TransitionProvider: animaciones y transiciones.

Tecnologías Utilizadas

  • Next.js: Framework de React para aplicaciones web.
  • React: Biblioteca de JavaScript para construir interfaces de usuario.
  • Tailwind CSS: Framework de CSS para diseño responsivo.
  • Prisma: ORM para bases de datos.
  • Mysql: Para el almacenamiento de las bases de datos.
  • Apache: Para la gestión del servidor y aplicaciones web.

Nota: actualmente el sitio es estático y está sobre un hosting de terceros pero eventualmente se moverá, al terminar las pruebas a un servidor propio para mayor control de la administración. sitemap.xml: manejo de direccionamiento del sitio en caso de que quieras personalizarlo

Instalación y Uso

  1. Clonar el repositorio:

    git clone https://github.com/xscriptorcode/xscriptor/
cd xscriptor
npm install

Primeros pasos

Ejecutar el server de desarrollo:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Abre http://localhost:3000 en tu navegador.

Y empieza a transformar el contenido.