MovilFront

Desarrollador : Miller Alexander Correa Gonzalez

Diseño: HighTech

Visualización del Proyecto 👉👉 https://macorreag.github.io/MovilFront/ :

Visualización del Código del Proyecto 👨‍💻https://github.com/Macorreag/MovilFront👨‍💻

En Dispositivos Móviles

Si se encuentra visualizando la página directamente desde su Telefono Celular Simplemente realice un gesto de Scroll para visualizar el contenido del Mockup.

En computadoras de Escritorio

Esta página NO esta optimizada para dispositivos de escritorio, sin embargo puede visualizar el contenido de la misma, pero no encontrara tendra la misma experiencia que una visualización en dispositivos móviles.Si lo desea puede activar la visualización de dimesiones de telefono en su navegador, si utiliza Chrome puede leer esta explicación para entender el proceso.

Selección Framework

Bootstrap es un Framework de Front-End enfocado principalmente en Mobile First, algo que lo encaja muy facilmente en este proyecto del cual solamente tenemos un Mockup de Front.Otra facilidad de Bootstrap es que nos permite integrar este desarrollo facilmente en frameworks mas robustos como Angular ó React.

Project Dependencies:

- Bootstrap 4.5
- Chart.js

Conformación del Desarrollo

A continuación se desglosa el desarrollo de los componentes diseñados con la ayuda de Bootstrap para que estos posteriormente se pueden integrar en los componentes propios de Angular ó React según sea el caso.

Home
+-- _title_v2
+-- _Invest
    |+-- _InvestCard
    |    |   +-- ValueProfile
    |    |   +-- ValueTitle
    |    |   +-- ValueAmount
    |+-- _InvestSummary
+-- _title_v2
    |+-- _goals
    |   |   +--card
+-- _portfolio
    |+-- _portfolioTitle
    |+-- _portfolioView
         |+-- _HoldingDescription
         |+-- _HoldingDonut
+-- _carouselNews
+-- _blog
    |+-- _media

App Desing Settings

This App Is based in this Desing.

This App is Designed Dimentions of Iphone 11 Pro 375px x 812px.

Problems

• Designers of App use snake_case and I use CamelCase