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:
Try yourself:
Our project:
Binary Reviewer (Demo)
By TAlex
