Geekly Articles each Day
📜 ⬆️ ⬇️

Invisin? Huizhin! * As we did a free analogue of InvisionApp


* Whoision - the official name of the service, with a touch of barely noticeable irony.

All web designers are familiar with InvisionApp - a web service that helps to get high-quality feedback from the client and demonstrate the results of their work online.

By itself, the service is excellent, there you can even link the layouts of individual pages into a prototype. One snag is the limit on the number of active projects and demonstration participants. Paid account solves everything, but our guys have long been itching to arrange a hackathon. And this means that we will build our Invigin, with drag-n-drop and Google-sync.
')
We have one day for the whole project. We confess that we carried the design and layout outside the hackathon - we did all this directly in front of it. Like the testing that we postponed the next day. All this, on the one hand, eliminates our heroic feat, but on the other - the romance in it does not become less.

So, the chronicle of the working process with the words of the participants. At the end - a link to the service itself, for the impatient.


Part 1. The outer side of the hackathon. Web service for 24 hours


We think!


Mentally throwing out of Invision everything that annoys or just seems superfluous. We come up with the concept of the future service.

Backlog!


We write it quickly, in Google docks. We make a quick assessment of features, set priorities.

Design!


Our art director makes the design of all screens, taking elements from Bootstrap - to facilitate the layout. Cut from the pieces of the interface, taste:



Layouts!


We set up work screens in Bootstrap, that's where vanilla hardcore! Done!

Synchronization!


Where is a lot of free server space? On google! Who distributes accounts suitable for authorization on our service? Google again! What are we going to do synchronization with? C Google!

Projects!


Logged in, created a folder in Google-drive - got a new project in Huizin. Created a new project in Huizhin - got a new folder in GoogleDrive. Works!

Loading!


We make the most convenient layout loader: circled, dragged, loaded!



Training!


The download wants a beautiful picture, so make it in the Huijin! Align the slides, select the background color, copy the link!



Demonstration!


Any number of people with Google accounts can watch your layout and comment! It is enough to poke in the right place, write a comment and voila - colleagues will see it.

Testing!


There is no time to test the hackathon, so we thoughtfully test the next day, sipping kakavushku!

Depla!


We buy a domain, put it on the hosting, we get a working service!





What makes Whoision happy:

And for the most curious. A team of volunteers is dedicated.

Part 2. The reverse side of the hackathon. Post factum report


Regularly interviewed copywriter Roma.

Roma: Guys, all I know is that you had a hackathon and that the project was called Whoision (hereinafter the transcription of “huizhins” is used - note by the author) .

Alexey: And still called!



Roma: Ok, so far :) So tell literally everything: how you came to the project, how the hackathon passed. I understand that it began with the fact that "we decided to make our Invision".

Vladimir: Yes, we are bribed by the bourgeoisie, so we did it harshly: we really decided to do our ingis.

Marat: The guys had a desire to play in their free time. And, in general, we came and waited. You had to come back yesterday for a retrospective.



Vladimir: By the way, this is the second hackathon. The first was carried out two years ago, in the end they made an online service for the game in Planning Poker . And also for the day.

Roma: Powerfully! Well ok, let's order. You all came by nine in the morning and ...

Alexey: Nenene, everyone came when he wanted. Marat came to 11, I to 12.

Ivan: I came by tradition first, at 9:20, set up the environment ... Then Lech came.

Alexey II: I warned everyone at home that I was falling out of reality for a day. They are not without irritation resigned.



Vladimir: Ivan helped a lot in preparation for the start of work. We had a laid out layout and a ready environment.

Ivan: Actually, I assumed that the hackathon would be two weeks ago. Therefore, I read the documentation, prepared something in advance ...



Roma: And what was all ready for the beginning? Have you already worked with the project started, or ...? Well, who did what - tell me too.

Ivan: We had a list of features, not the most detailed, though - something had to be thought out along the way. Layout and the environment, as I said, I prepared in advance.

Marat: I didn’t intend to do it myself, I thought, I would test, run for pizza, brew coffee ...;) I came, I didn’t find the second Lech, I realized that we have two developers and one tester, I had to remember the basics. By the way, very quickly everything came to mind.

Alexey II: I stretched the layout, the client part almost did not touch, basically I did the server part: comments, synchronization.

Roma: As far as I remember, Inzhinin is a pretty sophisticated service where you can upload layouts, leave comments on click, with multiple authorizations. And what can Huizhin?

Marat: They tried to teach him how to order pizza - they never taught :) In general, you can upload your layouts for the service and show the result of the work to the customer. Authorization on the service occurs automatically, using a Google account. On Google-drive, all images are stored, that is, if you create a new project in Huizhin and upload pictures to it, you have a whoision folder on the drive, in which a folder by project name appears. And layouts are poured into it. Simple and very convenient.

Ivan: If you upload pictures in Google Drive, then projects are also created in Huizhin. That is, reverse synchronization works. On the project for the first time tried to write on node.js - a cool thing. We also worked with Mongo DB, also liked this database.

Roma: Were there conflicts on the project?

Aleksey: Conflicts were basically the same scenario: one creates a class, the second enters the code and immediately begins to refactor it.

Vladimir: There is such a disease, called "this code is shit, because I did not write it" :)

Marat: We had fun, I got a lot of buzz. I remembered how to program, just visited this fumes of intoxication.

Alexey: I thought I would not hold out until the end. In the end, still sat up to one in the morning.

Marat: Yes, it's just that Lehoy and I left the club at eight in the morning. Then everyone woke up and realized that today is a hackathon. We slept for two or three hours each.

Roma: How did they survive?

Ivan: In the afternoon they stopped at ping-pong, after which my head earned much better.

Roma: And what did they refuel?

Aleksey: At about five in the morning, Marat and I began to plump.

Marat: Lies and slander: D

Alexey II: I tried to work on power engineers. So, Adrenalin Rush with a banana - shit!

Roma: How long were the tasks? And in general, why hakaton? After all, it was easy to set aside time, reserve a team, plan sprints ...

Vladimir: Immediately funny that this drive. And what a day you can collect a fairly large project on pure adrenaline. And on such projects, you can sharpen technology without fear of a fax. Make up - well, okay. In general, according to the results of the evaluation of tasks, it was 80 hours, which the four of us could not do for a day. Therefore, the preliminary work was still - thanks to Ivan. And I think this is correct - there should only be a drive in the hackathon;)

Alexey II: I liked it for the first time on the hackathon, time passed very quickly. Come - hop! - it's time to play tennis, - hop! - made the project.

Here is a story.

I personally would be very grateful if you want to test the service and write comments and suggestions. You can directly in the comments, and you can email me at zevvs@sibirix.ru .

Button Link:


Source: https://habr.com/ru/post/197770/

More articles:


All Articles