nyheimh/ima-miru

Ima Miru

Project Description

Ima Miru (translates to "watch now") is an application where users can browse various anime shows and gather details on them. Users who sign up will be able to add a new show to the list of shows that are currently on the app. Users will also be able to save shows of interest in a section called Watchlist. Watchlist will display the shows that the user has saved as a reminder to check them out in the future.

Visual

https://xd.adobe.com/view/12f54b28-3956-4d8e-8a20-6ec7453fbc7f-47a6/

Schema

const Show = new Schema(
  {
    title: { type: String, required: true },
    duration: { type: String, required: true },
    plot: { type: String, required: true },
    imgURL: { type: String, required: true }
  },
  { timestamps: true }
)
const User = new Schema(
  {
    username: { type: String, required: true },
    email: { type: String, required: true },
    isAdmin: {trype: String, required: true},
    password_digest: { type: String, required: true }
  },
  { timestamps: true }
)

Component Diagram

Component Hierarchy

MVP

• React Client (Front End) w/ at least 6 components
• Deploy back end to Heroku
• Server Back End with full CRUD
• Authentication
• Deploy front end to Netlify
• Styled with CSS (Flexbox and Grid)
• Media Queries for desktop and mobile

Post MVP

• Watchlist screen