robert-debug / Idiot

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

banner           

Project Overview

Idiot is a clone a Genius. It is an app that allows user to annotate lines of song lyrics and comment on tracks.

          

The goal of this week long, full-stack project was to have 3 fully functional core MVP features finished, which include:

  • User Accounts- Users can signup for accounts and login/logout
  • Annotate Lyrics- Users can add and edit annotations to lyrics of hosted songs.
  • Comment on Tracks- Users can comment on songs.

          

Login/Signup

When a user navigates to Idiot he is presented with a login button a signup button, and a list of tracks. From here the user views tracks, annotations, and comments by clicking links, logins as a existing user or demo user, or creates a new account.

Sign Up Login

          

Home Page

Once a user has signuped or signed in, or navigates to the homepage via the Idiot logo or back button he sees the home page, which includes a list of tracks, which he can click on to view the track details page. There is also a menu button, which shows his user name and button to log him out.

Home           

Track Page

Once a clicks on a track link they can can view the track lyrics and comments. They can see lyrics highlighted that have annotations, and click or select those to see the annotations. If they highlight a track without annotation, they can annotate it as well via an annotation. They also can edit their own annotations, edit their own comments, click a comment button to comment.

Track                      

CRUD

By clicking on the annotation or comment buttons or annotation or comment edit buttons the user is presented with a text area modal where they can submit or update tracks or comments.

CRUD           

For more info about this project, checkout the the project wiki page, here!.

About


Languages

Language:JavaScript 89.6%Language:CSS 9.6%Language:HTML 0.8%