GithubHelp home page GithubHelp logo

codesystem2022 / team-fortran-proyecto-integrador-cuarto-semestre Goto Github PK

View Code? Open in Web Editor NEW
2.0 0.0 0.0 17.64 MB

"TEAM-FORTRAN Proyecto Integrador Cuarto Semestre es un ecommerce enfocado en dietética. Ofrece una amplia gama de productos saludables y nutritivos a través de una plataforma en línea, facilitando a los usuarios el acceso a una selección cuidadosa de alimentos y suplementos para un estilo de vida equilibrado."

HTML 31.00% CSS 25.47% JavaScript 43.53%

team-fortran-proyecto-integrador-cuarto-semestre's Introduction

TEAM-FORTRAN-Proyecto-Integrador-Cuarto-Semestre

Tienda Saludable

¡Hey,Hola! Este proyecto fue realizado por el equipo Team Fortran para la facultad UTN-FRSR.

Breve descripción de nuestro proyecto:

"TEAM-FORTRAN Proyecto Integrador Cuarto Semestre es un ecommerce enfocado en dietética. Ofrece una amplia gama de productos saludables y nutritivos a través de una plataforma en línea, facilitando a los usuarios el acceso a una selección cuidadosa de alimentos y suplementos para un estilo de vida equilibrado."

Integrantes:

  • Calisaya Fernando Daniel
  • Ruiz Paola Del Valle
  • Hidalgo Gabriel
  • Morales Gaston
  • Morales Castro Danisa
  • Peña Matias Nicolas
  • Pereyra Facundo Ezequiel
  • Vizcaino Lucas Ezequiel
  • Vizcaino Gisela Carina

Tecnologias/Herramientas utilizadas para este proyecto:

  • HTML5: El código está escrito en HTML5, que es la última versión del estándar HTML (Hypertext Markup Language) utilizado para estructurar el contenido de una página web.

  • CSS: Se utiliza CSS (Cascading Style Sheets) para aplicar estilos a la página web. Hay estilos internos definidos dentro del documento HTML y también se hace referencia a un archivo externo styles.css en el directorio ./css/ para estilos adicionales.

  • Bootstrap: Se incluye la biblioteca Bootstrap CSS (versión 5.3.2) a través de un enlace CDN (Content Delivery Network). Bootstrap es un marco de diseño que facilita la creación de páginas web responsivas y con un diseño agradable.

  • JavaScript: products.js: Se utiliza para funciones relacionadas con la gestión de productos. // main.js: Contiene funciones principales, uso de módulos ES6. // carrito.js: Se encarga de funciones relacionadas con el carrito de compras.

  • Font Awesome: Se utiliza Font Awesome, que es una biblioteca de iconos, mediante un enlace CDN. Los iconos se utilizan para representar elementos visuales en la página.

  • Google Fonts: Se hace referencia a la fuente 'Montserrat' desde Google Fonts para mejorar la apariencia tipográfica de la página.

  • Google Maps Embed API: Se utiliza la API de Google Maps Embed para incrustar un mapa en la sección de ubicación de la página.

  • WhatsApp: Se incluye un enlace a WhatsApp que permite a los usuarios abrir un chat directo con la empresa a través de WhatsApp.

  • Íconos de Boxicons: Se hace referencia a la hoja de estilos de Boxicons desde un enlace CDN para usar íconos adicionales en la página.

  • Metaetiquetas: Se utilizan metaetiquetas para configurar el juego de caracteres, la vista inicial y la escalabilidad de la página en dispositivos móviles.

  • CSS3: Este código está escrito en CSS3, que es la última versión del lenguaje de hojas de estilo en cascada utilizado para dar estilo a documentos HTML.

  • Sass o SCSS: Son preprocesadores de CSS que permiten el uso de variables y otras características no presentes en CSS puro.

  • Visual Studio Code (VSCode): Puede ser utilizado como un editor de código para escribir y editar el código CSS.

Descarga:

Se podra realizar la descarga de este repositorio de la siguiente manera:

  1. Procederemos a ingresar a github desktop -> file -> clone a repository -> UTILIZAR ESTE URL PARA COPIAR EL REPOSITORIO https://github.com/CodeSystem2022/TEAM-FORTRAN-Proyecto-Integrador-Cuarto-Semestre.git .
Clonacion del Repositorio
  1. Luego ingresaremos a la carpeta "TEAM-FORTRAN-Proyecto-Integrador-Cuarto-Semestre/Ecommerce/src" .

*Abrir una terminal en esta dirección mencionada en el punto 2. *Crear archivo .env con los datos

PORT = 5000 MONGODB = mongodb+srv://lucashotmail4:[email protected]/?retryWrites=true&w=majority JWT_SECRET = mysecret

*Ejecutar en cualquier terminal npm install *Ejecutar en cualquier terminal npm run dev

*Abrir cualquier navegador e ir a la dirección 'localhost:5500' (o el puerto que esté disponible)

  1. Como siguiente debemos ejecutar el archivo "index.html" .
Ejecucion index.html para abrir tienda
  1. ¡ Listo ! Puedes gozar de toda la variedad de productos de nuestra tienda.
Nuestra tienda con su saludable atencion

¡Gracias por visitar nuestro proyecto!

UTN FRSR

team-fortran-proyecto-integrador-cuarto-semestre's People

Contributors

gise07 avatar facundopereyra07 avatar hidogg avatar matiasnicolas2013 avatar lucasvizcaino avatar califerdan avatar morales1227 avatar danisa-morales avatar pao2134 avatar

Stargazers

Ariel Betancud avatar Roberto Edgardo Perez Bertoli avatar

team-fortran-proyecto-integrador-cuarto-semestre's Issues

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.