{"id":22151211,"url":"https://github.com/davidmartinperez/roaload-shop","last_synced_at":"2025-07-31T08:39:45.633Z","repository":{"id":92999270,"uuid":"121982212","full_name":"DavidMartinPerez/roaload-shop","owner":"DavidMartinPerez","description":"Tienda en PHP - Jquery - Materializecss ","archived":false,"fork":false,"pushed_at":"2018-07-17T16:21:03.000Z","size":33722,"stargazers_count":3,"open_issues_count":1,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-24T01:03:22.515Z","etag":null,"topics":["bot-telegram","dto","javascript","jquery","materializecss","php","shop","shopping-cart","telegram"],"latest_commit_sha":null,"homepage":"https://roaload.000webhostapp.com/","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DavidMartinPerez.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-02-18T19:16:57.000Z","updated_at":"2023-08-08T19:41:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"fb003d49-bcad-406e-974a-05ac7ad041de","html_url":"https://github.com/DavidMartinPerez/roaload-shop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/DavidMartinPerez/roaload-shop","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Froaload-shop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Froaload-shop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Froaload-shop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Froaload-shop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DavidMartinPerez","download_url":"https://codeload.github.com/DavidMartinPerez/roaload-shop/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DavidMartinPerez%2Froaload-shop/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":268014311,"owners_count":24181380,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-31T02:00:08.723Z","response_time":66,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bot-telegram","dto","javascript","jquery","materializecss","php","shop","shopping-cart","telegram"],"created_at":"2024-12-02T00:31:21.886Z","updated_at":"2025-07-31T08:39:45.604Z","avatar_url":"https://github.com/DavidMartinPerez.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Roaload\n### Proyecto de PHP - MYSQL\n# Tienda Online SPA\n---------------------------\n\n### Tecnologias utilizadas:\n* Jquery\n* parsley.js (Para validaciones)\n* PHP\n* Mysql - mysqli\n* Materializecss (Framework CSS)\n* API Telegram con bot\n* Ajax (Para crear una aplicación SPA)\n* Bootstrap\n\n## Detalles de la APP\n\nEs una tienda en la cual puedes ver productos sin tener que iniciar sesión, le administrador puede crear nuevos productos.\nFaltan aun añadirle funcionalidad de comprar productos.\n\n## Detalles sobre la API\n\nPara poder comprobar que se mandan los datos correctamente(Más adelante se explica el funcionamiento),\ndeberás unirte a este  grupo de telegram [Este link](https://t.me/joinchat/AAAAAEVY1AOMUGzFyMhsuw)\n- La API mas adelante se utilizará para avisar a los usuarios de sus pedidos(con permiso de los usuarios por las políticas de Telegram)\n- Y para servicios técnicos y dudas\n\n## Manuales de uso:\n[Documentación](https://drive.google.com/open?id=1RmlcbqAA5S2ar_pW_khgy0dS5rssXxUM6RHrsqash3c)\n\n[Usuario no Registrado](https://drive.google.com/open?id=1LendQuP_xr0j33kMA22I4I7YI23EYOokq3SVQcyw4VQ)\n\n[Usuario Registrado](https://drive.google.com/open?id=1UvdUvfToldLT_zaVoRzv0mhrGmmSnZS8BB8XTW0RY-k)\n\n[Usuario Administrador](https://drive.google.com/open?id=16dohug8rJTp1XZo0rK7haGwITZ_2OphV8KjbrhzpLRs)\n\n# Todo lo que puede ver un usuario no registrado\n## Principalmente esta web destaca por solo terner una carga incial y no volver a recargar más. Podeis fijaros en la ruta que no cambia.\n\n## Tenemos la pantalla de incio o index, que es común tanto para usuarios regitrados o no:\n\n![ER](/00/index.png \"index\")\n\n![ER](/00/index1.png \"inicio\")\n\n## Tenemos un mensaje que te advierte de las cookie si aceptamos desaparece y no volverá a aparecer hasta que borremos las cookies y si cancelamos seremos redireccionados a marvel.\n\n![ER](/00/msgcookie.png \"cookies\")\n\n## Footer\n\n## Una cosa importante a tener encuenta es el \"BreadCrum\" que nos ayudará a navegar\n\n![ER](/00/bc.png \"bc\")\n![ER](/00/bc1.png \"bc 1\")\n![ER](/00/bc2.png \"bc 2\")\n\n\n![ER](/00/footer.png \"footer\")\n\n## Info producto\n* Ver información sobre un juego! Pinchando en cualquier foto de un producto:\n\n![ER](/00/infoProducto.png \"info Producto\")\n\n## Podemos usar los puntos de menos para entrar mejor los juegos:\n\n* Tendremos un páginado en la pagina que nos ayudará a cargar la información visualmente más bonita\n\n![ER](/00/filtroMenu.png \"filtro menu\")\n![ER](/00/filtroMenu2.png \"filtro menu\")\n\n## Filtrar Por el Buscador\n* Si no tienes ganas de buscar por consola puedes buscar directamente en el buscador de la web\n* Si hay resultados te lo mostrará y sino te avisará que no encontro!\n* Mínimo tienes que buscar por 3 letras\n![ER](/00/filtroBuscador.png \"filtroBuscador.png\")\n![ER](/00/filtroBuscador2.png \"filtroBuscador2.png\")\n\n## Pestaña de error cuando no encuentra nada:\n![ER](/00/filtroBuscador2.png \"filtroBuscador2.png\")\n\n\n## Inicio de sesión\n\n* Pinchamos en -\u003e\n\n![ER](/00/perfil1.png \"perfil\")\n\n* Si no hemos inciado sesión, te pedirá iniciar sesión:\n\n![ER](/00/log.png \"log\")\n\n\n* Una vez iniciada sesión, nos aparecerá el perfil:\n\n# Apartir de aquí es todo el contenido que puede ver un usuario registrado\nDonde tendrémos muchas funciones.\n![ER](/00/PERFIL2.png \"perfil\")\n\n\n\n# COMPRAR\n## Añadir un producto a la cesta\n* Si no tienes tienes productos en la cesta saldrá un mensaje de error, diciendote que esta vacia\n* Hay 3 tipos de productos:\n    * Con stock el cual saldrá su botón de comprar y se podra comprar\n    * Sin stock osea ¡Agotado!\n    * Descatalogado, este solo lo puede ver un administrador en la pestaña de administración(más adelante lo veremos)\n\n![ER](/00/comprar1.png \"diferencias compra\")\n\n* Al añadir un producto, nos saldrá un mensaje y en la cesta se añadirá nuestro producto\nPor ejemplo añadiremos Splatoon 2:\nEl formato con el que salen es: \"Producto\" x \"Cantidad\"\n\n![ER](/00/compra2.png \"perfil compra\")\n\n* Una vez añadidos productos a la cesta podemos ver la cesta y realizar un pedido!\n\n![ER](/00/cesta.png \"cesta\")\n\n## Realizar un pedido\n* Rellenamos los datos del pedido:\n\n![ER](/00/datosPersonales.png \"datos Perosnales\")\n\n* Datos de entrega:\n![ER](/00/datosPersonales2.png \"datos Perosnales\")\n\n* Servicio de correo(Actualmente solo dispone de correos):\n\n![ER](/00/datosPersonales3.png \"datos Perosnales\")\n* Métodos de pago(Actualmente solo dispone transferencia bancaria):\n    * La base de datos esta preparada solo faltaría valdiación de datos.\n\n![ER](/00/datosPersonales4.png \"datos Perosnales\")\n\n\n## Resumen del pedido\n* Una vez terminado nos enviará al resumen del pedido\n    * Localizador del pedido para poder realizar consultas con la atención al cliente\n    * Tenemos la información del cliente\n    * Información del dato de pago\n    * Resumen del pedido\n\n![ER](/00/finPedido.png \"resumen del pedido\")\n\n## Podemos ver la información del pedido en nuestro perfil\n\n![ER](/00/pedidos.png \"historial pedidos\")\n* Hay 4 estados de los pedidos:\n    * 1 - Pendiente: Que se ha encargado pero aun no ha sido pagado(En este paso podemos cancelarlo sin problemas)\n    * 2 - Pagado: Ha sido recibido el dinero pero aun no ha sido enviado\n    * 3 - Recibido: Este lo establece el cliente cuando recibe el pedido\n    * 4 - Cancelado: Por diversos motivos, ya sea por el cliente o el administrador\n\n* Pedidos pendientes son los que aun no han sido finalizados\n    * Estos muestra una lista los que aun estan pediente de pago o de envio\n    * Los de estado pendiente pueden ser cancelados libremente\n\n![ER](/00/pedidosP.png \"pendientes pedidos\")\n\n* Si intentas cancelar un pedido en estado \"pagado\"\n    * Te pedira contactar con un administrador ya sea correo o administración\n    * Actualmente el mensaje es un + \"mensaje al soporte tecnico\"\n\n![PedidoPagado](/00/errorCancelarPagado.png \"Pedido cancelado Error estado incorrecto\")\n\n* Si cancelamos uno pendiente desaparecerá de la lista y aparecerá en la de histórico\n\n* El resumen de pedido es igual pero con un boton que nos permitira avanzar el pedido a completado\n\n![completado](/00/recibido.png \"Pedido cancelado Error estado incorrecto\")\n\n\n* En la pestaña de Historial del pedido tenemos\n    * Todos los pedidos relizados para poder ver su resumen\n    * También deja cancelar los pendientes\n\n![completado](/00/historico.png \"Pedido cancelado Error estado incorrecto\")\n\n## Soporte técnico\n\n![ER](/00/sp.png \"soporte tecnico\")\n![ER](/00/sp2.png \"soporte tecnico\")\n\n# Apartir de aquí es todo lo que puede ver un usuario Administrador.\n\n## Todo lo que veremos ahora es apartir de entrar como administrador: admin admin\n\n## El menú es diferente y tiene un opción que te manda a la consola de administración\n\n![ER](/00/perfilAdmin.png \"admin\")\n\n## Esta consola tiene varias opciones\n\n* En el menú desplegable encontramos:\n    * Productos: Administrar productos\n    * Clientes: Administrar clientes\n* Menú superior:\n    * Documentación\n    * Volver a la tienda\n* Análisis sobre la web:\n    * Ganancias totales de todas las ventas: (Se calcula apartir de el precio de venta de todos los productos vendidos)\n    * VENTAS totales: El número de productos que se han vendido\n* Resumen de los últimos pedidos\n* Social: número de usuarios que hay registrados\n\n![ER](/00/consoleAdmin.png \"admin\")\n\n## Administración de productos:\n\n![ER](/00/productos.png \"admin\")\n\n* Tenemos 4 opciones(Se entiende mejor viendo el E/R):\n    * Versiones: Aquí se administran los productos (Ver más abajo)\n    * Juegos: Aquí se administran los juegos, creando juegos nuevo.\n        * Tenemos la lista de juegos y el botón de añadir\n![ER](/00/juego.png \"jeugo\")\n        * Crear un nuevo juego despliega un nuevo modal para rellenar\n![ER](/00/juego2.png \"jeugo\")\n        * Se validan con Parsley.js una libreria de validación\n![ER](/00/juego3.png \"jeugo\")\n        * El juego se añade a la lista\n![ER](/00/juego4.png \"jeugo\")\n\n    * Plataforma: Se crean igual que en Juego\n    * Ediciones: Se crea un nuevo producto igual que en Juego\n\n## Para versiones:\n* Opcion de filtrar para buscar un producto que administrar\n* Opcion de crear nueva version(En este caso crearemos una de spiderman para seguir el ejemplo)\n* Listado de producto\n* Editar version\n* Deshabilitar una version: las versiones deshabilitada no apareceran en la web\n\n![ER](/00/version.png \"jeugo\")\n\n* Filtro:\n\n![ER](/00/version2.png \"jeugo\")\n\n* Crear una versión:\n\n![ER](/00/version3.png \"jeugo\")\n![ER](/00/version4a.png \"jeugo\")\n\n## API telegram\n* Aquí entra en juego nuestra api de telegram\n    * Mandandonos un mensaje atravez del bot en nuestro canal de telegram\n![ER](/00/api1.png \"jeugo\")\n\n* Juego en la tienda:\n\n![ER](/00/version5.png \"jeugo\")\n\n* Deshabilitar:\n    * Si deshabilitamos una versión automaticamente no aparecera en la web.\n\n![ER](/00/version6.png \"jeugo\")\n![ER](/00/version7.png \"jeugo\")\n\n## Administrar usuarios\n\n![ER](/00/clientes.png \"clientes\")\n\n* Usuarios, podemos bloquearlos:\n\n![ER](/00/clientes2.png \"clientes\")\n\n* Pedidos: Podemos ver los pedidos y administrarlos\n\n![ER](/00/clientes3.png \"clientes\")\n\n* Mensajes: Ver los reportes de los clientes\n\n![ER](/00/clientes4.png \"clientes\")\n\n# ER\n![ER](/00/sql.png)\n\n# FIN de la Aplicación!\n-------------------------\n\n------------------------\n# ANTIGUOS DETALLES / EVOLUCION DE LA APP\n\n\n# Capturas de la APP\nAquí enseñaremos parte de la aplicacion explicada (El diseño CSS puede ser diferente al original)\n\n* E/R BBDD\n\n![ER](/00/old(er.png \"Entidad/Relación\")\n\n* Index\n\nVista general de la primera página de la web puede ser accedida por cualquier persona.\n\n![Index](00/old/principal.png \"Index\")\n\n* Login\n\nPara iniciar sesión a la derecha del navbar redirecciona a iniciarSesion.php si no estas conectado.\nTodos los datos de la sesión se guardan en sesiones.\n\n![Login](/00/old/login.png \"Login\")\n\nLogin Error\n\n![LoginErr](/00/old/loginerr.png \"Login Error\")\n\n* Registrarse\n\nPara registrarnos en el login tenemos la opción Registrarse, cuando te registre te pide iniciar sesión.\nLas contraseñas estan cifradas y comprueba si hay usuarios con ese nombre.\n\n![Registro](/00/old/registro.png \"Registro\")\n\nRegistro Error\n\n![RegistroErr](/00/old/registroerr.png \"Registro\")\n\n* Perfil en el index\n\nNuestro perfil y opciones a funcionalidades estan en un sidenav al lado derecho con un desplegable.\nActualmente no tiene ninguna funcionalidad de cesta en el usuario simple (Algunos usuarios tienen cestas de prueba).\n\n![PerfilUsuario](/00/old/perfilusuario.png \"Perfil Usuario\")\n\nEl perfil del administrador solo sale si eres administrador de la web, el perfil cual añade el a la administración de la web.\n\n![PerfilAdmi](/00/old/perfiladmi.png \"Perfil Administrador\")\n\n* Apartado de administración de productos\n\nPodemos crear tanto como productos los cuales se llaman \"Versiones\", plataformas nuevas, ediciones y información sobre un juego.\nAun no esta disponible la administración de pedidos.\n\n* Versiones\n\nEsta parte es la cual donde se crean los productos que se muestran en la página principal\nLista las Versiones existentes - Con filtros\n\n![Administacion](/00/old/administacionVersiones.png \"Administación Principal\")\n\nEn esta sección tenemos para crear una nueva en la cual entera en acción la Api de Telegram\n\n![nuevaVersion](/00/old/nuevaversion.png \"Nueva Version\")\n\nEl mensaje que manda a Telegram es el cual con esos datos.\nEl formato del mensaje sera modificado cuando se añadan fotos y más información de los productos.\n![telegram](/00/old/telegram_mensaje.jpeg \"Mensaje en telegram\")\n\nSale un mensaje de confirmación como en los anteriores.\nA la hora de modificar se modiffca en un formulario y se añade a la misma columna.\nA la hora de eliminar se borra de la columna.\n\n* Ediciones / Plataformas / Juego\n\n(Estas pestañas son muy parecidas y solo pondré una sección)\nEn la cual sale listado de las ediciones disponibles y puedes crear nuevas.\n\n![edicionlista](/00/old/edicionlista.png \"Lista de ediciones\")\n\nCrear edición / Formulario de nueva edición.\n\n![edicionnueva](/00/old/edicionformu.png \"Formulario edición\")\n\nYa existe una edición.\n\n![edicionexiste](/00/old/edicionexiste.png \"Ya existe una edicion\")\n\nEdición creada.\n\n![edicioncreada](00/old/edicioncreada.png \"Exito\")\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidmartinperez%2Froaload-shop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavidmartinperez%2Froaload-shop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidmartinperez%2Froaload-shop/lists"}