Educational site for a non-profit organisation

[vadimmil]

Hi! My name is Vadim and it's my first site (http://asvetnik.by/), made on Processwire. The site was created for a non-profit organisation, based in Belarus, and it's main aim is to help children and grown-ups learn Belarusian language.

Three versions of main page (desktop, tablet and mobile): 

           

What was created:

• Lesson pages with tasks and vocabulary:

• Vocabulary pages for single words:

• Quiz pages:

• And a bunch of other pages, like news and text pages and so on.

Used modules:

• Croppable Image 3 ( @horst, you are my hero, superhero! your module made my work much faster and, what is more important, more safe to be used by 20-25 editors, most of whom can't (or, I'm sure, just don't bother to) remember what dimension must be pictures for main and inner pages 
• ProFields: Repeater Matrix (to create simple, but yet powerful lesson LEGO-like constructor)
• ProFields: Textareas (for reasonably huge number of dictionary-related fields)
• ProCache (obviously, for speed)
• Comment (thanks @ryan for this modules and your help!)

For example, here is the dictionary page enhanced by ProFields: Textareas: 

All technical information about a single word is stored in just one DB-row. No extra fields, no extra connections to the datebase!

ProFields also helped me to easily create a simple, but yet powerful JSON-based live search through the dictionary:

And this search (blame me, but for now it works properly only on desktop) was an instant success among the users (this library was used - http://easyautocomplete.com/). 

ProFields: Repeater Matrix was used to give teachers a possibility to 'build' lesson from different content blocks, to give them freedom of action and to make it easy to add new content blocks based on their request in future. Here is a small inside from admin, a typical lesson looks something like this:

The best advert for ProFields: Repeater Matrix would be one of the teachers' note left for me: "It's like LEGO, I've got a bunch of building blocks and it's up to me how the lesson would look like". Thanks, @ryan, for this.

What next. Site is in active beta now, it easily cope with 100-120 parallel connections and with 400-450 at picks. I know, that there are some mistakes in html and css, and they would be resolved in the next update. I'm trying to convince people to use jpgs instead of pngs for main page graphics, but not sure, that it is possible. For my own headache I've done all the graphics for the site (thank Favicon) and now teachers love 'ideal' pngs so much that nasty 'blured' jpgs drive them mad)) 

P.S. It's pity, but there is no studios in Belarus who are actively work with Processwire (and Wordpress for me it's something brrr after simple beauty and stability of Processwire), so if your are looking for a hard-working and eager to learn junior in your team - feel free to contact me in PM.

Thanks for your attention!

[dragan]

Nice. I like the bold graphics. And good use of animated cat pictures at the end of the quiz

I'm looking forward to using ProField Textareas myself.

[Jonathan Lahijani]

Nice writeup.

You could use Page Image Manipulator to convert PNG to JPGs by the way:
https://modules.processwire.com/modules/page-image-manipulator/

 

[heldercervantes]

Great project, and a very interesting example of what can be done with a platform that lets you do anything

[bernhard]

very nice, congratulation!  and thanks for sharing

[SamC]

@vadimmil nice work! I don't understand a word of it but it looks very clearly laid out.

[vadimmil]

Thanks everyone for comments and likes. In the beginning of a long road it's important))

2 minutes ago, SamC said:

@vadimmil nice work! I don't understand a word of it but it looks very clearly laid out.

I understand  But thanks for looking through the pages with non-understandable content))