GithubHelp home page GithubHelp logo

morbidlyocheese / unpopuhorroropinion Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 4.08 MB

Unpopunhorroropinion.com is a site where horror lovers can go to catalog their collection and share photos of their collection with other horror lovers. It is meant to not only be a catalog of what films you own, but also a place to share the love of horror. Along with the ability of reviewing your favorite, or most hated horror films in your collection!

Home Page: https://www.unpopuhorroropinion.com/

JavaScript 78.21% HTML 0.98% CSS 20.81%
horror horror-movies

unpopuhorroropinion's Introduction

by Damien Darko

Table Of Contents:

Description:

Unpopunhorroropinion is a site where horror lovers can go to catalog their collection and share photos of their collection with other horror lovers. It is meant to not only be a catalog of what films you own, but also a place to share the love of horror. Along with the ability of reviewing your favorite, or most hated horror films in your collection!

Application Architecture & Techonologies Used:

Unpopuhorroropinion was built using Express NodeJS framework with a PostgreSQL(postgres) database on the backend. The frontend uses Javascript, HTML, CSS, React and Redux.

Frontend Overview:

The frontend was built using Javascript, HTML, CSS, React and Redux. It utilizes Redux the store and components to create a more readable file structure.

Fonts Used: Big Shoulders Display(Google Fonts) Creepster(Google Fonts)

  • White: #ffffff
  • Gray Web: #808080
  • Black: #000000
  • Maroon Web: #800000
  • Red: #ff0000
    unpop-palette

Backend Overview:

The backend uses Express NodeJS framework with a PostgreSQL database. It also uses the TMDB api to make fetch requests for information on films. The movie's id from the TMDB api is stored in the database via an array.

Tables:

Table Name Columns
Users username, email, hashedPassword, createdAt, updatedAt
Collections name, pictures, watched, userId, movieId

db-diagram

Screenshots:

Home page
Movie page
Splash Page
Login

Technology Shields:

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.