Challenge
The client needed us to make a tool for creating and editing sites. The whole thing was to be based on an already existing API and be a part of a bigger application built with React.js and Redux. The main functions of the editor were: Building sites from predefined blocks with simple drag&drop Editable text, graphics and other parameters Customised Froala editor Add new blocks feature A site inheriting the theme defined in the app’s settings Distinct page types, e.g. a static page or a blog post We joined forces with the Curaytor team at an early stage of this project which gave us the opportunity to talk through the vision together, share our ideas and come up with our own solutions that we saw as potentially beneficial to the entire software. The first thing that came to our minds was to use readymade solutions, like jQuery plugins, and to adapt them to our client’s needs. However, after testing some of the available plugins and comparing them with what we actually needed, we decided that it would be much more convenient to write the editor from scratch. Thanks to that, we gained full control over the application’s looks and we didn’t have to compromise any bit of our vision. Our friends at Curaytor got exactly what they wanted – a tailor-made site editor which could be expanded or edited at will.
Solution
Along the way we’ve encountered and overcome a lot of challenges, the most significant being the ever-changing nature of this project which forced us to code the app in such a way that will allow to add new types of blocks or introduce changes to the already existing ones as fast and as effortlessly as possible.
However, there were many more, like:
Settings page gives the user the option to choose the main colors and fonts for the pages. We needed to make sure that the right components will inherit the right settings. We’ve created a component called `
Results
Working with Curaytor was one of the most enjoyable experiences ever and our story together is far from over. The project is constantly growing and getting better and better. For example, not so long ago, after weeks of testing, we undertook the task of implementing a traditional PHP backend which proved greatly beneficial to the overall speed of the site. There are many plans for the app’s future and we’re really excited to feel like and actually be a part of the team behind such an undertaking.
Want fresh marketing stories in your inbox?
Get the weekly email that makes you a marketing genius.
Stay informed and inspired, for free.