Giter VIP home page Giter VIP logo

hackathon-content's Introduction

Hackathon-Content

Database Structure

database schema diagram

API Endpoints

Your API Endpoints should include at least:

  • Users

    Method Endpoint Description Body Data
    GET /users Get all users n/a
    GET /users/:id Get single user by id n/a
    POST /users/ Add new user avatar_url, username
  • Genres

    Method Endpoint Description Body Data
    GET /genres Get all genres n/a
    POST /genres Add new genre genre_name
  • Shows

    Method Endpoint Description Body Data
    GET /shows Get all shows n/a
    GET /shows/:id Get single show by id n/a
    POST /shows Add new show title, img_url, user_id, genre_id
    GET /shows/genre/:genre_id Get all shows for specific genre_id n/a
    GET /shows/user/:user_id Get all shows for specific user_id n/a
  • Comments

    Method Endpoint Description Body Data
    GET /comments/show/:show_id Get all comments for specific show_id n/a
    POST /comments Add new comment comment_body, user_id, show_id

Frontend

Routes

Route Feature
/ Home route. Should just welcome the user to the application. Must include Navbar, links, display message.
/users Shows master list of all users. Shows the "logged in" user. Should be able to click on each username linking to the user profile page.
/users/:id User profile page. Shows all the shows the user is watching. Must show the image, title, genre. Should be able to click on the show and take you to the show page.
/users/:id/addShow Shows a form where the logged in user can add a new show. Should be able to submit to the Database. These changes are reflected app wide. Selecting the genre is a drop down. This data should be reflecting the genres in the database.
/shows Masterlist of all the shows. Don't repeat the same show twice. For each show list all the users who are watching. Clicking on the name of the user takes you to that specific users' show profile page. We are assuming that the name of the show has to match exactly to be considered the same show.
/shows/:id/user/:userId A specific show's profile page for a specific user. Shows the title, image, genre, number of comments and list of comments. Allows you to add new comments. The comment should be reflected immediately on the list without needing to refresh the page.
/about Shows short description of what this app is about and who made it

Wireframes

Wireframes Here

hackathon-content's People

Contributors

alejo4373 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.