GSOC 2019: Enhance the Volto Editor (Volto is ReactJS-based frontend for Plone)

tisto · February 3, 2019, 7:10am

Summary:

Enhance the Volto (aka Plone-React) page editor by adding new tiles, implementing a way to allow complex page layouts, fix bugs, enhance the UX, and write documentation how to develop add-ons for the editor. Enhance the Volto (aka Plone-React) page editor by adding new tiles, implementing a way to allow complex page layouts, fix bugs, enhance the UX, and write documentation how to develop add-ons for the editor.

Full Description:

Volto is a new pure ReactJS-based frontend for the Plone CMS. The Volto editor is built on top of DraftJS, an editor framework by Facebook. The editor does a great job of allowing the editors to add, edit, and manage text, images, and video content on a Plone page in a very user-friendly way. Though, we have to add more tiles (building blocks of a page) such as a hero tile, an RSS tile, and others. We also need to support more complex page layouts where multiple tiles are displayed in the same row. Albert Casado created a draft for the UX/UI of such a solution.

You can find a full list of the planned features here: https://github.com/plone/volto/projects/8

Desired Outcome:

Implementation of the 5-10 additional tiles that we listed here: https://github.com/plone/volto/projects/8
Implementation of solution for more complex page composition layouts (multiple tiles in a row)
Fixing UX and functional bugs
Write documentation (e.g. about how to write a custom tile and how to customize the DraftJS editor)

Recommended Student Skills:

Strong JavaScript and ReactJS skills
Ideally, experience with DraftJS
Some UX skills would be nice to have

Project Mentors:

Product Owner: Timo Stollenwerk
Mentor: Victor Fernandez de Alba
Mentor: Rob Gietema

tisto · February 3, 2019, 7:13am

cc @sneridagh @robgietema

AnweshDas · February 3, 2019, 2:43pm

for GSOC 19 we have to start working on it now?
same for that GATSBY JS project also?

AnweshDas · February 4, 2019, 4:53am

is pastanaga UI a part of GSOC -19?

tisto · February 4, 2019, 1:32pm

Yes. Both Volto editor and GatsbyJS will be proposals for GSOC 2019.

We plan to submit another proposal for Volto enhancements and Pastanaga UI, yes.

AnweshDas · February 4, 2019, 1:55pm

Thanks for the Information.
Can you please tell me who will confirm that contributor assignment agreement.So that I can ask them to approve it soon as I can start contributing as soon as possible.

tisto · February 4, 2019, 2:25pm

FYI: You can start writing bug reports and creating pull request without the contributor agreement signed or confirmed.

AnweshDas · February 4, 2019, 4:42pm

@tisto is writing bug reports same as creating issues? and if any doubt can I ask you?

tisto · February 5, 2019, 11:28am

Yes. You can create an issue and label it as a bug. You can of course ask me anything anytime.

PUNITBATRA · February 12, 2019, 5:25pm

Hello,I am working on this project. I have read the documentation and build the project.
After running plone/volto in register form after filling all the details submit button is not working.
Can I create this issue?

uwaiszaki · February 12, 2019, 8:48pm

@PUNITBATRA , I think that is because cors are not working properly.. try using cors extension.

PUNITBATRA · February 13, 2019, 5:16pm

@uwaiszaki I tried it by using cors extension.But it is still not working.

PUNITBATRA · February 14, 2019, 6:20pm

@tisto Above error message of register form submit button is an issue or it is due to some other reasons...Please help?

tisto · February 14, 2019, 7:42pm

This is actually a known backend issue. The Plone backend does not know the production URL that it needs in order to being able to send emails with the registration confirmation.