Giter Site home page Giter Site logo

max-escamez / needl Goto Github PK

View Code? Open in Web Editor NEW
4.0 2.0 0.0 7.01 MB

A web application targeted at vinyl lovers with common interests

Ruby 61.17% JavaScript 1.58% CSS 11.38% HTML 22.71% CoffeeScript 3.15%
ruby ruby-on-rails vinyl vinyl-records web-application web-app web-application-framework

needl's Introduction

needl

Our Goal

Do you wish for plenty of records to be pressed on vinyl ? If yes, needl is the place for you !
needl is a web app that helps vinyl collectors share their wishes with others. The only rule is that records showcased on needl mustn't have been already widely pressed.
On needl, you can submit any records you wish were pressed and also back the records submitted by others.

-Note that this is still a work in progress and design choices are always subjected to change.

Home Page

The home page of needl is where you'll access all of the vinyls that were submitted.

picture alt

You can directly access the album and artist names of the vinyl without actually having to click on it. Just hover your mouse over the album covers.

Alt Text

We've also added filters to display certain types of vinyls (by date and number of votes).

picture alt

-A full text search function is being worked on

Login

To submit or edit vinyls and also comment you will need to log into needl. This is done via Google authentication, so a Google account is required.
To actually log in, just click on the Sign in with Google located in the top bar. Note that if you try to submit a vinyl or comment while not logged in you will be redirected to the Google authentication page.

picture alt

While logged in you can access your profile or sign out by clicking on your name or picture.

picture alt

Submit a Vinyl

To submit a vinyl, you only have to click on the "plus" button displayed at all time on the home page. After clicking, you'll land on this page :

picture alt

Here you will have to fill in the informations of the records you want to submit. We've even added a preview of the album cover you'll choose !
Note that only the description is optional. The rest of the infos are mandatory for obvious reasons.
From there, you only have to click on submit.

Access a Vinyl

Right after you created your vinyl or when clicking on one from the home page, you will access its own page.

picture alt

Here you are able to back this vinyl (meaning you want it pressed too) by clicking on the NEED button. Once you click on it you're able to change your mind but clicking the NEVERMIND button.

picture alt

If you'd like to edit the description in your vinyl, you can do that too.

picture alt

You can also comment on this vinyl right below. Comments now have nested replies.

picture alt

Here's how submitting a reply actually looks.

Alt Text

Submitting a comment has a dynamic field so you don't send an empty comment accidentally.

Alt Text

Profile Page

You can access your own profile page or other's by clicking on their name or picture. From there, you will be able to access the vinyls the user submitted to needl and what he or she is following.

picture alt

needl's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

needl's Issues

Fix filters

Right now, filters are only displayed on the home page. Once a filter or a search is applied, the filter button disappears.

The result display of filters and search probably need to be handled differently.

Setup needl on Heroku

In order to be able to test our code in a production environment, it would be good to setup needl on Heroku.

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.