GSoC/2018/StatusReports/DemetrioCarrara: Difference between revisions

From KDE Community Wiki
< GSoC‎ | 2018‎ | StatusReports
 
(7 intermediate revisions by the same user not shown)
Line 4: Line 4:
== Work Report ==
== Work Report ==
A more detailed version of what has done and what has to be done in the near future is viewable [https://hackmd.io/vZmInB-uQZ6DNy8NE2rTRA here].
A more detailed version of what has done and what has to be done in the near future is viewable [https://hackmd.io/vZmInB-uQZ6DNy8NE2rTRA here].
I am writing a blog post every ~2 weeks to show what I've done and what's next.
I am writing a blog post every ~2 weeks to show what I've done and what's next, read them to know all of my work and my planned one.


Most of the work that has been done can be summarized as:
Most of the work that has been done can be summarized as:
Line 11: Line 11:
** Loading spinner on api requests
** Loading spinner on api requests
** Editor for courses metadata
** Editor for courses metadata
** Editor for chapters metadata
** [WIP] Editor for pages content
** Customizable banner
** Customizable banner
** Reworked global error component
** Reworked global error component
Line 22: Line 24:
* Configuration and build:
* Configuration and build:
** Upgrade to Webpack 4 (update all plugins configuration too)
** Upgrade to Webpack 4 (update all plugins configuration too)
** Repeated builds now give all the same contenthash
* Authentication
* Authentication
** Refresh token automatically
** Refresh token automatically
I recommend you to read all my blog post to see all of work that has been done in these 3 months.
You can read below a summary of them:
I created new components to link UI to the API server: a component for viewing if there are active API requests, one for showing global errors, one for viewing autohiding messages or always-on-top banners, one for paginating courses view, one for viewing and moving elements in a list (to change chapters and pages order) and a beautiful UI for chapters and courses "edit mode".
On the test end I replaced old PhantomJS, wrote new unit and integration tests and prepared environment for automated test running.
Migration to Webpack 4 has been done successfully improving build time and size.


=== Blog posts ===
=== Blog posts ===
* [https://blogs.wikitolearn.org/2018/05/wikitolearn-gsoc-goals-and-expectations/ WikiToLearn GSoC goals and expectations]
* [https://blogs.wikitolearn.org/2018/05/wikitolearn-gsoc-goals-and-expectations/ WikiToLearn GSoC goals and expectations]
* [https://blogs.wikitolearn.org/2018/05/summary-of-my-first-two-weeks-at-gsoc/ Summary of my first two weeks at GSoC]
* [https://blogs.wikitolearn.org/2018/05/summary-of-my-first-two-weeks-at-gsoc/ Summary of my first two weeks at GSoC]
* [https://blogs.wikitolearn.org/2018/06/gsoc-2018-towards-the-first-evaluation/ Towards the evaluation]
* [https://blogs.wikitolearn.org/2018/07/wikitolearn-web-course-editor-almost-done/ Finalized course editor]
* [https://blogs.wikitolearn.org/2018/08/whats-next-for-wikitolearn/ What's next for WikiToLearn?]


=== Repositories ===
=== Repositories ===
* [https://cgit.kde.org/wikitolearn-frontend.git/ WikiToLearn PWA official repo] for every commit, visit there
* [https://cgit.kde.org/wikitolearn-frontend.git/ WikiToLearn PWA official repo] for every commit, visit there
* [https://cgit.kde.org/scratch/dcarrara/wikitolearn-keycloak-theme.git/ Keycloak WTL Theme] for styling the login page in the next release
* [https://cgit.kde.org/scratch/dcarrara/wikitolearn-keycloak-theme.git/ Keycloak WTL Theme] for styling the login page in the next release

Latest revision as of 07:24, 17 August 2018

Progressive Web App for WikiToLearn

This project aims to build a tested, functional and production-ready PWA for WikiToLearn second development infrastructure iteration.

Work Report

A more detailed version of what has done and what has to be done in the near future is viewable here. I am writing a blog post every ~2 weeks to show what I've done and what's next, read them to know all of my work and my planned one.

Most of the work that has been done can be summarized as:

  • Vue components:
    • Pagination for API content
    • Loading spinner on api requests
    • Editor for courses metadata
    • Editor for chapters metadata
    • [WIP] Editor for pages content
    • Customizable banner
    • Reworked global error component
    • New autohiding snackbar
  • Views:
    • Updated Courses view with a WIP edit mode
    • Now we can update course's chapters order and course title
  • Tests:
    • Many new unit and integration tests running on karma and nightwatch
    • Replaced old PhantomJS
  • Configuration and build:
    • Upgrade to Webpack 4 (update all plugins configuration too)
    • Repeated builds now give all the same contenthash
  • Authentication
    • Refresh token automatically

I recommend you to read all my blog post to see all of work that has been done in these 3 months.

You can read below a summary of them:

I created new components to link UI to the API server: a component for viewing if there are active API requests, one for showing global errors, one for viewing autohiding messages or always-on-top banners, one for paginating courses view, one for viewing and moving elements in a list (to change chapters and pages order) and a beautiful UI for chapters and courses "edit mode".

On the test end I replaced old PhantomJS, wrote new unit and integration tests and prepared environment for automated test running.

Migration to Webpack 4 has been done successfully improving build time and size.


Blog posts

Repositories