Reviewr

Binary Academy PHP Group Graduation Project

Receive comers for your code review

Students:

Alexey Tsinya, Alexandr Mokrenko, Vladimir Cherniuk

Coach:

Michael Morozov 

BY

Tester:

Alexey Vdovichenko 

Main using  technologies

Laravel - PHP framework 

Backbone.Js - JS framework

Bootstrap - CSS framework

with

Additional libraries

backbone.poller

emojiOne

jQCloud

backbone.validation

backbone.stickit

jQuery-ui

select2

tokenField

textcomplete

jwt-auth

x-editable

App overview

Sidebar ->

<- Main content

External Header ->

<- Notification

Review Request List

Filters

  • My
  • Offers
  • Group
  • User
  • Tag

Sorting

  • All
  • Popular
  • Hight rating
  • Creation date

Review Request Card

It only takes one glance to see all the necessary information

But if you want, you can see details...

Review request details view

Group and User label are clickable. Just click it and you can see all review for this Group or User 

As you can see it is very simple. Let's try to work with it...

Use case steps

  • Author create Request for code review
  • User place an Offer for code review
  • Author can accept or decline offers
  • Then author and accepted users can holding code review in chat

Creating Code Review Request

1

2

Date-time picker

2

1

Tag autocomplete

Your first Code review request

Congratulations!

Editing review request

If you see a dotted line under the text, you can edit it

User send offer for code review

Click the 'Join' button for sending offer

... or you can undo offer by clicking 'Undo'. Amazing!

Accept  ||  Decline

Author can accept or decline reviewrs for his review request by clicking on functional buttons

Chat with user  :)

Live messaging before review with your reviewers 

Other useful things...

  • Smiles in chat
  • 'Like' for review request
  • Real time chat update
  • Accept Label
  • Pop-ups confirmations
  • E-mail notifications
  • Tags cloud
  • Adaptive view

Smiles in chat

Users can use smiles in their messages to express emotions in the chat

Reputation system

All users have reputation which directly depends on a rating of the review requests created by himself

Real time messaging

Video demonstration of live messaging

Accept Label

To be notified about status of my offer for review request is created little info-label

Pop-ups

Confirmation window is created for avoiding random clicking

Email notifications

Sending notifications

to email

Tags

Tags list view is like a Metro style. Every tag - tile with tag name and review requests count which change with animation. Also every tile has link to review requests list with this tag

Sorting

  • All
  • Popular

Tags cloud

List of tags in cloud format where size of tag depends on number of requests marked with this tag

Notifications (External API)

Adaptive View

External API

Upcoming review requests:

  • api/v1/reviewrequest/upcoming
  • api/v1/reviewrequest/upcoming/{period}

Last review requests:

  • api/v1/reviewrequest/last/{n}

Popular review requests:

  • api/v1/reviewrequest/popular

Hight rating review requests:

  • api/v1/reviewrequest/high_rate
{
  "id": "9",
  "title": "Ab ut et ut commodi.",
  "details": "Dormouse again, so that her neck from being run over; and the procession moved on, three of her voice, and the little door: but, alas! the little crocodile Improve his shining tail, And pour the waters of the house if it makes me grow smaller, I suppose.' So she went on, 'What HAVE you been doing here?' 'May it please your Majesty,' said Two, in a voice outside, and stopped to listen. 'Mary Ann! Mary Ann!' said the Queen. An invitation from the change: and Alice rather unwillingly took the watch and looked at Alice, and looking at the mushroom for a minute or two, she made out what it was: she was talking. Alice could hear him sighing as if he doesn't begin.' But she waited patiently. 'Once,' said the Cat. 'I'd nearly forgotten to ask.' 'It turned into a cucumber-frame, or something of the room. The cook threw a frying-pan after her as she wandered about in the last word two or three of the well, and noticed that they would call after her: the last few minutes she heard it muttering.",
  "reputation": "4",
  "date_review": "2015-08-30 18:52:06",
  "created_at": "2015-08-31 10:43:38",
  "user_id": "15",
  "group_id": "3",
  "offers_count": 5,
  "user": {
    "id": "15",
    "bid": "",
    "first_name": "Kole",
    "last_name": "Huels",
    "role": null,
    "email": "Rosemary.Goyette@Maggio.com",
    "phone": "06995269688",
    "avatar": "http:\/\/www.gravatar.com\/avatar\/cccd1103254badc61fd5aa6e13c11a4c?d=identicon",
    "address": "26190 Gerardo Camp Apt. 857\nLake Hulda, NV 58995-8545",
    "reputation": "9",
    "job_id": "7",
    "department_id": "2"
  },
  "group": {
    "id": "3",
    "title": ".Net"
  }
}

Thanks for your attention!

More about Binary:

binary-studio.com

Binary Reviewer (Demo)

By TAlex

Binary Reviewer (Demo)

  • 1,581