Giter Club home page Giter Club logo

bancoppel's Introduction

Bancoppel 🏬

Este proyecto fue desarrollado con el uso de Create React App.

Instalación ⚙️

Estas instrucciones te permitirán obtener una copia del proyecto en funcionamiento en tu máquina local para propósitos de desarrollo y pruebas.

En el directorio del proyecto, se necesitará ejecutar:

git clone: https://direccion.com
npm install
npm start
No es necesario instalar dependencias extra.
Abrir http://localhost:3000 en el navegador.

La página en la que te encuentras se actualizará automáticamente si realizas algún cambio.
De igual forma podrás ver errores en la consola.

Organización del proyecto. 🔗

1.- Carpetas

El proyecto cuenta con 3 carpetas iniciales, donde nos enfocaremos principalmente será en la carpeta src.

Dentro de la carpeta src se encuentra la carpeta Assets en dicha carpeta se encontrará lo siguiente: Fonts > Contiene las fuentes utilizadas para dar la tipografía a los textos del proyecto. Heros > Contiene las imágenes principales de cada una de las vistas por ejemplo: Inserta imagen Debajo de las dos carpetas anteriores se localizan todas las imágenes y svg utilizadas en Bancoppel con nombres referentes al uso que se les da.

La siguiente carpeta tiene el nombre de Components dentro de ella podremos encontrar todos los componentes reutilizables del proyecto, es posible seguir reutilizandolos.

La siguiente es la carpeta llamada Views donde es posible visualizar cada una de las pantallas del proyecto y tiene la siguiente estructura.

Soluciones del credito > Arrendamiento financiero, Credito Cuenta Corriente, Credito Puente, Credito Simple. **Soluciones integrales ** > Factoraje, Financiamiento Ordenes Compra, Monetizacion Activos, Proyectos Inversión, es importante mencionar que los nombres fueron otorgados de esa manera para localizarlos más fácilmente.

Debajo de las carpetas anteriores se tiene acceso a las vistas "Principales" tales como, Home, EmpresaNet, CuentaInversionEmpresarial, Nomina Bancoppel y el formulario de contacto.

Es toda la estructura del proyecto para una mejor localización del componente y/o vista a utilizar.

App.js

En el App.js que se encuentra en la carpeta src es posible ver las rutas en las que será redirigido acorde a la url.

Index.css

En el index.css que se encuentra en la carpeta src se pueden encontrar definidos los colores principales y fuentes que se usan en el proyecto.

Catalogo_Productos.jsx

En este componente tipo JSON se encuentran los títulos, subtítulos e imágenes, estos son extraídos según la vista lo requiera, sí es necesario cambiar alguno de los conceptos antes mencionados, este es lugar correcto.

PUEDES TENER EN CUENTA LAS SIGUIENTES ALTERNATIVAS QUE NOS PROPORCIONA POR DEFECTO AL HACER CREATE-REACT-APP

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

npm run build fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify

bancoppel's People

Contributors

hcopca avatar arturoleonbahia avatar alexismeda avatar

Watchers

Alejandro Del Moral avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.