Code Monkey home page Code Monkey logo

fullstack2023's Introduction

🚴‍♀️ Proyecto Integrador - Tienda Full

Proyecto grupal para el módulo "Programador Full Stack" de la tecnicatura en desarrollo web y aplicaciones digitales del ISPC . Está compuesto por tres espacios curriculares: Introducción a la Programación Web I, Programación I y Proyecto Integrador.

👩‍👩‍👦‍👦 Integrantes

💻 Descripción del proyecto

Se trata de una aplicación web fullstack para una tienda ecommerce, el rubro seleccionado es la venta de bicicletas. El alcance de este proyecto es un diseño estático para el front y un back que se conecta a una DB desplegada en MySQL. Front y back no están conectados entre sí en los sprint alcanzados (A realizar en los próximos).

🛠 Instalación y ejecución

1 - Clonar el proyecto

git clone https://github.com/proyecto-modulo-programador/programador.git

2- Instalar el Connector de MySQL

pip install mysql-connector-python

3 - Para desplegar el frontend debemos abrir el archivo index.html dentro de la carpeta frontend, el primer acceso es a la landing donde se nos muestra el call to action, luego a través de su menú podremos navegar la web hacia distintas páginas tal como "Contacto", "Acerca de nosotros", "Productos", etc. Posee una sección de logueo/registro, la cual imita el funcionamiento de un login pero con datos preestablecidos (proximo feature cuando se conecten front y back)

image

4 - Para correr el servidor backend debemos correr el comando:

python backend/main.py

En este punto se podrá, a través de la consola, manejar el CRUD a través de las clases establecidas que se conectan a la DB. Si bien esto estaba fuera del alcance del sprint se consideró apropiado para probar el crud de una manera ágil.

########################### MENÚ ###########################
    1. Consultar todos los productos
    2. Consultar productos por id
    3. Crear producto
    4. Modificar producto
    5. Eliminar producto
    6. Salir
#############################################################

ℹ Anexos

En la carpeta database se puede encontrar:

  • El Der en formato mwb de Workbench
  • El archivo .sql con el scrip de base de datos

📃 Documentación:

Toda la documentación del proyecto tal como el documento IEEE830, los diagramas (de clase, entidad-relación, etc), la documentación de las ceremonias, etc. Pueden encontrarse en la Wiki del repositorio

❗ Puntos a tener en cuenta

  • Para hacer el programa más óptimo y ejecutable en cualquier entorno, se optó por subir la base de datos a un servidor en la nube, el mismo es Clevercloud, los datos de conexión están en el archivo de configuración y modificando sólo los datos por el localhost puede ejecutarse con una DB local. De igual manera, en la carpeta database está el archivo "db_script.sql" con el script que crea la db para poder ejecutarla en local.

fullstack2023's People

Contributors

blasichea avatar fedekrenn avatar ferbarletta avatar fernandaacastillo avatar g3rm6ni avatar lnancillotti avatar verosolc30 avatar

Forkers

fedekrenn

fullstack2023's Issues

#TK51 - Creación de menú para la app

Se debe crear un menú donde se puedan manipular los datos del CRUD. Esta es una funcionalidad provisoria hasta que se conecte el front con el back
Historia de usuario: #US12

#TK10 CRUD - Leer

CRUD del Producto
Método para leer uno
Historia de usuario #US12

#TK25 Historial de compras back

Desarrollo de funcionalidad para recibir el id del usuario y devolver todas las compras realizadas por el mismo
Historia de usuario #US10

#TK22 Carga de datos

Desarrollo para que el usuario confirme los datos para el checkout
Historia de usuario #US09

  • Medio de pago
  • Domicilio de recepción
  • Teléfono
  • Persona autorizada

#TK47 Modificación DB

Modificar la DB agregando

  • En la tabla producto cantidad_stock
  • Luego de que nos responda la profesora cambio de char por varchar
    Historia de usuario #US01

#TK38 Añadir icono sesion

Añadir en el header el icono que navegará a la page de registro/logueo
Historia de usuario #US07 y #US08

#TK11 Filtros

Se debe mostrar los productos que cumplan con los criterios de filtro seleccionado
Historia de usuario #US02

#TK36 CRUD - Borrar

CRUD del Producto
Método para borrar un producto
Historia de usuario #US12

#TK12 Page contacto

Creación de la página de contacto
Historia de usuario #US03

  • Formulario de contacto
  • Redes sociales
  • Teléfono

#TK43 Modificación index

Modificar en el index los call to action por la muestra de productos en promoción
Historia de usuario #US13

#TK18 Logueo back

Validación de datos del usuario por parte del back
Historia de usuario #US08

#TK06 DER

Realizar y subir el DER al proyecto

#TK29 Footer

Desarrollar footer y añadirlo en todas las web

#TK23 Lógica validación compra

Crear la lógica para que valide los datos y de estar correctos genere el registro de la compra en la base de datos
Historia de usuario #US09

#TK34 CRUD - Alta

CRUD del Producto
Método para dar de alta un producto
Historia de usuario #US12

#TK17 Logueo front

Creación de formulario de logueo e implementación de feedback según datos correctos o incorrectos
Historia de usuario #US08

#TK49 Modificación clase

Modificación de la estructura de clases

  • Aplicar las recomendaciones de atributos que indica el profesor
  • Crear la clase que corresponde al producto en la DB

#TK48 Modificación product backlog

Al tener que modificar el inicio por la page con el call to action, debemos mover la galería de productos a una section especial. Por lo que debemos modificar la historia de usuario

#TK27 Logo

Elección de un logo y configurado en el header de las pages
Historia de usuario #US01

  • Index
  • Contacto
  • Acerca de nosotros

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.