GithubHelp home page GithubHelp logo

mxlauc / public-table Goto Github PK

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

Public Table está hecho en Laravel v8, es un proyecto para demostrar los conocimientos que tengo hasta ahora sobre Laravel.

Home Page: https://public-table.herokuapp.com/

Shell 0.36% PHP 60.01% Blade 4.04% Vue 35.59%

public-table's Introduction

Public Table

Public Table está hecho en Laravel v8, es un proyecto para demostrar los conocimientos que tengo hasta ahora sobre Laravel.

Demo

Puede verse la aplicación en producción en Public-table.herokuapp.com.

Componentes de Laravel usados

  • Laravel Socialite: Para el login con un correo electrónico de Google.

  • Policies: Para evitar que un usuario elimine la publicación (o cualquier contenido) de otro usuario.

  • Pagination: Para mostrar las ultimas publicaciones (comentarios, likes, o notificaciones) y cargar más cuando el usuario llegue al fondo de la página.

  • Resources: Para limitar los atributos de los modelos en consultas asíncronas.

  • Eventos y Listeners: Para crear notificaciones al hacer comentarios o likes.

  • Notification: Para notificar a los usuarios sobre likes o comentarios nuevos.

  • Localization: Para mostrar el texto de la página en Inglés y Español

  • Form request: Para validar los datos al crear una publicación.

  • Migrations: Para definir la estructura de la base de datos

  • Middleware: Para establecer el lenguage de la aplicación en cada request.

  • Controllers y Models

Otros conocimientos utilizados

  • Vue.js V3: Para crear componentes como PostComponent, CommentComponent, NotificationComponent, etc. Además se publicó dos componentes en npmjs.com:
    • v-simple-infinite-scroll: Para cargar más contenido cuando el scroll llegue al final. Soporta scroll en window y div.
    • v-simple-guided-tour: Para mostrar un dialogo que explica las partes de la interfaz de la página web.
  • Bootstrap V5: Para el diseño del sitio.
  • Poppers.js: Para mostrar dialogos.
  • Masonry: Para ordenar las columnas con un aspecto similar a Pinterest.com
  • Axios: Para las consultas javascript asíncronas.

Modelo de base de datos

  • likes: Tiene una relación polimórfica con comments y posts (Un comentario puede tener likes. Un post puede tener likes).
  • user_user: Es una tabla pivot para una relación de muchos a muchos entre usuarios (Para seguidores y seguidos).

Autor

Amilcar Maximo Laura Canaza

public-table's People

Contributors

mxlauc avatar

Watchers

James Cloos avatar  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.