Coder Social home page Coder Social logo

grepsedawk / celebrity-picture-rater Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 2.0 1.28 MB

Celebrity picture rater is a project designed to rate/rank pictures of various celebs.

Home Page: https://celebrity-picture-rater.herokuapp.com/celebrities

License: MIT License

Ruby 81.42% Elm 5.79% JavaScript 2.05% HTML 9.02% CSS 0.29% Shell 1.43%
celebrities ranking rating ruby ruby-on-rails

celebrity-picture-rater's People

Contributors

d4rkd0s avatar grepsedawk avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

celebrity-picture-rater's Issues

De-duplication with dupe-magick

Dupe-magick states, "If you need to look for duplicates which can't otherwise be found via md5 checksums e.g. images of different formats or slightly lossy, then this gem can compare or find duplicates based on euclidian distances between points in an 8x8x8 RGB vector cube."

https://rubygems.org/gems/dupe-magick

I think this would be a great feature to have since there isn't a directory of images users can view so duplicates are starting to become an issue.

Disallow votes cast after vote creation

After vote creation, disallow vote cast after it's been around for 15 minutes. If a vote tries to be cast, simply move forward and say the vote was stale or whatnot. This allows us to "lock" old votes as well as mark some old votes stale that have no chosen picture for later deletion from a scheduled job.

Grid images

@d4rkd0s said he used

.timg {
    height: 150px;
    width: auto;
    margin: 12px;
    transition-duration: 120ms;
    user-select: none;
    border-radius: 8px;
    border: 1px solid transparent;
}

previously

Create a first pass front end styling

According to my users, the user interface sucks. Here's an issue for them to post on.

Since this is to hone in more of my skills, elm + no CSS framework is a must.

Cleanup README.md

The README seems to be some basic Ruby README.md

This issue can be put off until the app is in a more running condition. Whenever you feel fit/best @pachonk slap some kinda basic README for the project together. Tyty ๐Ÿ™

Intermittent failing spec: Celeb names too exact

Celebrity spec is looking for too exact of a match:

https://circleci.com/gh/Mingosio/celebrity-picture-rater/197

  1) Visitor visits root route displays all celebrities
     Failure/Error: expect(page.body).to include(*celeb_names)
       expected "<!DOCTYPE html>\n<html>\n  <head>\n    <title>CelebrityPictureRater</title>\n    \n\n    <link rel=\...a href=\"/celebrities/4\">Fletcher D&#39;Amore Jr.</a></li></ul>\n    </main>\n  </body>\n</html>\n" to include "Fletcher D'Amore Jr."

Community Enhancements

  • Add Contributing Guide
  • Add Code of Conduct
  • Add Issue Template
  • Add Pull Request Template

Some Pictures are Duplicated

Merging pictures currently doesn't exist and is very tedious to do by hand.
Maybe I can make a little merge function that merges 2 pictures together.
I'm thinking as a developer, I'd like the interface to be:

picture1.merge(picture: picture2)

I'm not sure about the keyword arg.

Feature Suggestion: Show picture percentage and vote count after vote cast

After a vote has been cast, show them what picture they voted for and what picture other people voted for and the percent/count of each.
This is also where I can acknowledge their choice

Suggested Implementation

In Elm, I have FinishVote which can receive the percents and vote stats for that matchup
I also have to stop further votes from being cast during this time

Integrate TravisCI

And bundle-audit, brakeman, rubocop, etc.
If somebody else decides to pick up this issue and they don't know exactly how to set up bundle-audit or brakeman, they can see the blog article located on the Rietta blog.

Resize Paperclip Images

In production, we have many images that are very large (both size and filesize).
Using paperclip resizing, we can make the image load a lot more smooth and streamlined.

Add more sample images to spec/files/taylor_swift/

These are used for tests and for sample data, and I'm shooting for a few more taylor swift pictures for some of the typical dev seed data.
Since it's a repo commit, anything at 1 mb or less is probably better than anything larger.

Add voting feature

Show a left and right picture and click on the picture you want to vote for
Extra credit for arrow keys

Add picture merge method

I'm thinking the API would be like base_picture.merge(secondary_picture) where secondary picture is destroyed and base_picture takes over.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.