https://github.com/melbalossino/trilogy-website

💻 Website para Trilogy Solutions
https://github.com/melbalossino/trilogy-website

cssmodules framer-motion git github html javascript reacticons reactjs reactscroll swiper vercel-deployment vite

Last synced: 16 days ago
JSON representation

💻 Website para Trilogy Solutions

• Host: GitHub
• URL: https://github.com/melbalossino/trilogy-website
• Owner: MelBalossino
• Created: 2024-01-07T21:42:03.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-03-20T21:36:59.000Z (9 months ago)
• Last Synced: 2024-10-16T19:19:33.165Z (2 months ago)
• Topics: cssmodules, framer-motion, git, github, html, javascript, reacticons, reactjs, reactscroll, swiper, vercel-deployment, vite
• Language: JavaScript
• Homepage: https://trilogy-web.vercel.app
• Size: 10.3 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 Trilogy Solutions website 



   

![Estado](https://img.shields.io/badge/Estado:-COMPLETO-green)









## 💻 Sobre el proyecto

Los usuarios podrán:

- Ver el diseño óptimo de la página según el tamaño de pantalla de su dispositivo (móvil, tableta y escritorio).

- Ver los estados de desplazamiento de todos los elementos interactivos de la página.

## 🛠️ Para instalar las dependencias del proyecto:

- Con npm: npm install

- Con yarn: yarn install

## 📌 Scripts:

- Ejecuta la aplicación en modo dev: npm run dev o yarn run dev

- Abra http://localhost:5173 para verla en el navegador.

## 📕 Más información

Puede obtener más información en la documentación:

- React

- Vite

- Framer motion

- Swiper




## 🔎 Deploy



  


    

      🔗 Visitar Trilogy Solutions

    








    

## 🛠️ Herramientas implementadas 

  - HTML

  - JavaScript

  - React - Vite

  - Git || GitHub

  - CSS Modules - Diseño responsive - Mobile-first workflow 

  - Framer motion para animaciones

  - Swiper para sliders y carruseles

  - React scroll para gestión de scroll

  - React icons para incrustación de iconos




    

      

    






## 📸 Site preview



 

















_Nota: Para capturar la pantalla completa, fue necesario desplazarse hasta la parte inferior de la página y asegurarse de que todos los componentes estaban cargados, debido a la implementación de animaciones de desplazamiento con Framer Motion. Por este motivo, en la imagen a pantalla completa, la cabecera aparecerá en la parte inferior de la página, ya que también se desplaza.._