Git Product home page Git Product logo

comedianfindrfrontend's Introduction

๐ŸŽค Welcome to ComedianFindr! ๐ŸŽค

alt text

This single page app is a resource for comedy fans who want to find, follow and discover professional comedians based on the genre they are most closely associated with. Users can log in, search for comics based on genre, "favorite" a comic, and leave a review for them.

Installation:

  • Fork and clone this repository
  • "bundle install" if necessary
  • Open ComedianFindr Backend
  • Run "rails s" in the terminal
  • Open the ComedianFindr Frontend
  • Run "open index.html"

Navigating the app:

  • First enter username and password
  • You can see a list of "All Comics" by selecting the header button with the same name.
  • See a list of all genres by selecting the "Genres" button.
  • Select a specific genre that interests you to see all comics in our database associated with said genre.
  • The comic detail card will provide an image, short bio, and video embed example of this artist's work.
  • You can favorite a comic by clicking the "๐Ÿ–ค" at the top-right corner of that comic's detail card. This comic will be added to the list of "Favorites" in the bar displayed on the left side of the window.
  • To remove a favorite, click the "๐Ÿ’”" next to a given comic's name in your "Favorites" bar.
  • To leave a review, use the text area at the bottom of a comic's detail card and click submit. You will see your review displayed after submitting.
  • To delete a review, click the "๐Ÿ’ฃ" next to the review.
  • To log out, click the "Log Out" header button to be returned to the login page.

๐ŸŽค Created by Yevgeniy Valdman & Sam Hall ๐ŸŽค

comedianfindrfrontend's People

Contributors

evaldman avatar samhall330 avatar

Watchers

 avatar

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.