Project Cognite Brain

Project 1 quarter 2 DAW developed by Joan Montés and Giovanny Coque. This project is intended to develop the cognitive part of the brain. When we go to the home, we find that a class of categories that contain subcategories inside, and these contain the tests to perform them. If we click on the button more we will load more subcategories (it is done so as not to try to dizzy the user in order to obtain a good user experience and if he wants to load more subcategories). If we are normal users will ask us to register and buy any of the plans to enjoy the tests. Currently there is only 1 test of coin problems and other color memory tests. He has not given us more time to build more tests and we have put these two generics. On the other hand we find 3 plans, the basic, intermediate and expert. If we buy one of the plans we can enjoy the tests. There is an administrator user, therefore, will have a control panel to see the locations of all users and a table to block or delete them, where they can also be paged. We have a manual login and a social one with google and github, where we can login or register. On the other hand, when a user logs in, they have a profile where they can change their data and their avatar. Then, if the user does not remember your password we have the possibility to send an email to the user to change it. The application has a chat that can be used by any registered user, that way you can clarify doubts between users or with the administrator.

Proyecto Cognite Brain

Proyecto 1 trimestre 2 DAW desarrollado por Joan Montés y Giovanny Coque. Este proyecto tiene la intención de desarrollar la parte cognitiva del cerebro. Cuando vamos al home, nos encontramos que una clase de categorias que en su interior contiene subcategorias, y estas contienen los test para realizarlos. Si clicamos en el botón more nos irá cargando más subcategorias (se hace para no intentar marear al usuario con el fin de obtener una buena experiencia del usuario y si este quiere cargará más subcategorias). Si somos usuarios normales nos pedirá que nos registremos y compremos alguno de los planes para disfrutar de los test. Actualmente solo existe 1 test de problemas de monedas y otros test de memoria de colores. No nos ha dado más tiempo para construir más test y hemos puesto estos dos genéricos. Por otra parte nos encontramos con 3 planes, el básico, intermedio y experto. Si compramos uno de los planes ya podremos disfrutar de los test. Existe un usuario administrador, por tanto, tendrá un panel de control para ver las ubicaciones de todos los usuarios y una tabla para poder bloquearlos o eliminarlos, donde también se podrán paginar. Tenemos un login manual y otro social con google y github, donde nos podemos logear o registrar. Por otro lado, cuando un usuario inicia sesión, tiene un perfil donde podrá cambiar sus datos y su avatar. Luego, si el usuario no recuerda su contraseña tenemos la posibilidad de enviar un email al usuario para poder cambiarla. La aplicación tiene un chat que lo puede utilizar cualquier usuario registrado, de esa manera se pueden aclarar dudas entre usuarios o con el administrador.

• Mandatory functions:

  1. List / Details
  2. paging in control panel admin
  3. infinite-scroll (manually)
  4. Login manual and social login
  5. Contact / google maps static
  6. use $ ctrl, this

• Improvements:

  1. Make purchases with Stripe
  2. Plans basic, intermediate, expert
  3. Carousel
  4. Web design from 0
  5. Design responsive with grid-layout, flexbox and use of css pseudo-classes.
  6. Breadcrumb (hero)
  7. Creation of components for: categories, carousel, breadcrumb (hero), home plans, test
  8. Recover password
  9. Chat with angular-chat
  10. Profile (change data and upload avatar)
  11. Fs use in backend to delete the previous avatar
  12. Panel administration control (google maps and user panel) "ngMap"
  13. Utilization of promises async and await in backend (admin.js)
  14. We previously used connect-multipary to upload photos, now we use multer
  15. Middleware in backend based on Carlos Azaustre
  16. Using Slug to improve SEO positioning
  17. Schemes with validations
  18. Utilization next (); to continue with the following process
  19. Validations in the registry and login e backend
  20. Bcrypt to encrypt and decrypt password
  21. Isomorphic application to improve SEO positioning
  22. GraphQl with apollo api frontend and backend implemented
  23. Frontend validation
  24. Use of toaters to notify
  25. Use of sweet alerts (it is works like a modal).
  26. Utilization of promises in all frontend code
  27. Use of ui-self and ui-router
  28. Use of AngularJS $watch()
  29. Angular JS pagination, filters, order by and view mode.
  30. Use of directives from UI Bootstrap.