Code Monkey home page Code Monkey logo

symfony-todolist's Introduction

Lista Tareas Symfony

Tecnologías usadas

Para este proyecto, se utilizó Symfony 3.4.0, junto con PHP 6.0, además se hizo uso del framework Materialize Css para el manejo de estilos y comportamiento responsive de la app. Para las peticiones Ajax se uso JQuery 3.3.

Modelo

En este apartado se explican los temas relacionados al modelo de la aplicación

Entidades:

La aplicación cuenta con dos entidades, Categoría y Tarea. Una categoría pueda estar presente en muchas tareas, sin embargo, una Tarea solo puede tener una Categoría, es decir, existe una relación OneToMany (uno a muchos), entre estas dos entidades; esto permite categorizar las tareas. Por ejemplo, podemos tener las tareas "Trotar en las mañanas" y "Comer verduras" dentro de la categoría "Salud y cuidados".

A continuación se presenta el diagrama ER (Entidad relación) del modelo propuesto:

imagen

  • La entidad Tarea dispone de:
  1. id
  2. titulo.
  3. descripcion.
  4. fecha.
  5. imagen.
  6. categoria_id.
  • Mientras que la entidad Categoría tiene los siguientes atributos.
  1. id.
  2. nombre.
  3. descripcion.

La aplicación está desplegada y puede ser accedida haciendo click aquí

Vista

Para las vistas decidí usar un framework css llamado Materialize.css, es un framework hecho por google y basado en Material design, responsivo y le dá a la aplicación un aire más mobil.

Las siguientes son screenshots de la aplicacion en version móbil.

Vista desde ceular (360px de ancho):

Tareas

360pxtareas

Categorias

360pxcategorias

Menú móbil

360pxmenu

Detalle de categoria

360pxcategoriasdetalle

symfony-todolist's People

Contributors

carmoreno avatar

Watchers

 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.