HorrorHost App
HorrorHost is an app allowing you to curate your own blood-curdling collection of horror movies while discovering new favorites.
Users can add read about movies and add them to their playlist shelves, share reviews and ratings, and view all details from the database of frightful flicks.
Built with JavaScript, Express, Node.js, CSS, Pug, HTML, PostgreSQL, Sequelize, Heroku, and Git/Github.
Feature list, user stories, database schema, and more on project wiki:
https://github.com/amandahinton/film-macabre/wiki
Splash
The entrance screen displays featured playlists to recommend movies to users. Inspired by indie movie rental shops, four themed shelves of “employee picks” are shown.
Each movie preview includes a thumbnail image of the movie poster, the title, and the average star rating. For shelves with more than six movies, the list is trimmed and a link overlay is added to the last poster to view the full list.
A random movie is shown at the bottom, changing with each visit.
Movies
Over 100 horror movies are already included in the app, and user’s can make recommendations for new movies to add.
Movie data was fetched from the omdbapi.com film database API.
Clicking any movie poster, opens the full details.
User Profile
The user profile includes all the shelves that the user has created. Three default shelves: “My Top 10”, “Watched”, and “Want to Watch” are created upon user registration. Any number of additional shelves can be curated and populated by the user.
Clicking a shelf title or the overlay on the last movie on a shelf preview opens a view of the full list of movies in that shelf, the user who created it, and the date the list was last updated.
Movie Detail
Clicking a movie title or preview thumbnail image opens the movie detail screen, which shows the poster, title, year of release, direction, synopsis, and average start rating.
Here, the user can add the movie to any of their shelves or post a review.
A list of all reviews and star ratings is included after the movie information.
Movie Reviews
Clicking the “Add Review” button, opens a short form for the user to submit a rating (1 to 5 stars) and a text review. The average rating of the movie is updated upon submission and the review is added to the movie detail.
