QueryJane is a web application developed with Django that allows to connect with companies and experts in different sectors of the cannabis industry. Beta version is available [here](https://queryjane.net/).

<center>
![Screen Shot 2018-03-22 at 3.37.23 PM.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1521751101/wphvsqwycv6o9j8qrfim.png)
</center>

In order to offer a better UX experience to the users in the messages module, I have made some structure changes that allow to reply messages from the same *modal* in which users can check new messages detail, and full conversation detail. Also, now company administrators can reply messages from users using the company name.

## New Features

 before, the way in which the messages were handled required a little more work from the users. If a Users had a new private message, he could read it on de *inbox* page or by clicking the new messages notification section in the header navigation bar, and, if the users wanted to reply a message, they should go to the user's profile and click the *"send message"* button. The same thing happened with the messages that users sent to companies, they should always go to the company's detail page to compose a new message. It was done in two steps a process that can be done in one. There were two modal components, one to compose new messages, and other one to check received messages detail. These two modal have been reduced to one with both functionalities.

If a user send a message to other user in the platform, the message detail will be showed in the following modal component:

<center>
![Screen Shot 2018-04-27 at 8.43.11 AM.png](https://cdn.utopian.io/posts/24108f2748d66dbfc97f0a390107f5ac64caScreen_Shot_2018-04-27_at_8.43.11_AM.png)
</center>

It is a modal with the "new message form" integrated, and with the full history of messages between these users. User can reply immediately a received message. It works from all section in which new messages can be read: Messages menu in the header bar, inbox page, other user page profile, dashboard page. It has required a code recovery, new *JS* and *Python* functions to manage messages functionalities in a simpler way, and a redesign of the messages model. I have created a new model called *Conversation*, that allows to regroup messages and permissions in a easiest way.

> Code changes related to this feature can be found in the following commits: [550b6](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/550b63b3404356626c48864008a62ed281bcca38), [6df097](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/6df09781f968e63658f52fbe2270e01a994a079c), [93304](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/93304de9696232cd4860d48af8be9b0ec7b51bd4), [0c223](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/0c2231982960f9dcd256050d4736def40e9a8998), [6d4fe](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/6d4fe4a80fe93b3c3db6ce20452a64c3f178a5cc), [5a8da](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/5a8da9bca627ee1f47acdb6436510e42250f54df), [d38a6](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/d38a67090fdb37464f4910a4aab812afbbd4fe0e), [b8f23](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/b8f23df4c92b8c4b77de84b92dfaa26a86959c58).

* In my [last development update](https://utopian.io/u/42845830), I have added the functionality to allows users to send private messages to companies, and I have added the "manage messages section" in the company administrators panel. Now, to close this section, I have added a functionality that allows company administrators to reply messages from users from the "manage messages section" using the company name. In this way, users will receive messages from "Some company" and not from "Some user".  I have integrated this functionality with the new structure previously described.

<center>
![Screen Shot 2018-04-27 at 9.06.31 AM.png](https://cdn.utopian.io/posts/1e9e91e3806a6dd25270fce70066a897cd40Screen_Shot_2018-04-27_at_9.06.31_AM.png)
</center>

By clicking a new message from a user in the received messages panel in the company administration section, administrators will have available de message detail, and the compose message form to reply it immediately.

<center>
![Screen Shot 2018-04-27 at 9.08.21 AM.png](https://cdn.utopian.io/posts/e5fc2b1edecc2e550a89944fcb1850667103Screen_Shot_2018-04-27_at_9.08.21_AM.png)
</center>

Administrator can reply it, and the new message will be displayed it in the following way in the user section:

New message notification:

<center>
![Screen Shot 2018-04-27 at 9.10.34 AM.png](https://cdn.utopian.io/posts/085f1293d0403ff81cdd0dcff7437deb629eScreen_Shot_2018-04-27_at_9.10.34_AM.png)
</center>

Short message detail:

<center>
![Screen Shot 2018-04-27 at 9.11.14 AM.png](https://cdn.utopian.io/posts/8067d2c88059a246623b0a2349b369b1931bScreen_Shot_2018-04-27_at_9.11.14_AM.png)
</center>

Message detail and compose message form to reply it immediately. As I said previously, this functionalities are available from all section in which users have interaction with the messages module:

<center>
![Screen Shot 2018-04-27 at 9.11.41 AM.png](https://cdn.utopian.io/posts/55e8a89e6b59f041ed7f5c519d0b2164677aScreen_Shot_2018-04-27_at_9.11.41_AM.png)
</center>

> Code changes related to this new feature can be found in this [commit](https://github.com/roadhousestudio/queryjane_app/pull/85/commits/f222bdca03c9b5e293f250daedca1ece20411cfd).

***
<center>
![Screen Shot 2018-02-03 at 10.23.10 PM.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1517714734/buanjqlm7hnwn4zoy4rq.png)
</center>
***

### How to contribute?
[QueryJane](https://queryjane.net/) has been developed using the [Django framework](https://www.djangoproject.com/). You can fork the project, and run it locally is very easy. Follow the steps described in the [open source repository](https://github.com/roadhousestudio/queryjane_app) installation guide. The project has been configured using Docker. you only need to install [Docker](http://docker.com/) and follow these steps.

### Future work.

Take a look to our [public trello board](https://trello.com/b/7fkft2vf/queryjane). This is the easiest way to know our roadmap.

* SEO optimization.
* Javascript files translation.

If you want to contribute, please join my [Discord](https://discord.gg/hAmBYg).
***
Have happy days ✌


<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@kit.andres/3jtzxb-queryjane-or-development-update">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>