Skip to content

angy255/halloween-express

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎃 Spooky Picks

Your seasonal web app for organizing your horror movie watchlist with an interactive Kanban board!


🕸️ Features

  • 🎬 Dynamic movie listings fetched from MongoDB
  • 🎵 Creepy soundtrack (press the button... if you dare)
  • 👻 EJS-rendered film cards with images, genre, and description
  • 📋 Kanban board with three columns: Must See, Worth Watching, and Hard Pass
  • 🖱️ Drag-and-drop movies between columns to organize your watchlist
  • 🦇 Spooky themed UI with Halloween fonts and colors
  • 🕷️ Font Awesome icons for a haunting aesthetic

🧙‍♀️ Tech Stack

Tech Description
🟢 Node.js + Express Handles routing, logic, and server-side spookiness
🧩 EJS Templates Dynamically renders movie data into HTML
🍃 MongoDB Atlas Stores your collection of haunted films
🧵 HTML / CSS / JS Frontend styling and interactivity
🎯 HTML5 Drag & Drop API Enables seamless Kanban functionality

🪦 Installation

  1. Clone repo
  2. run npm install

👻 Usage

  1. run npm run halloween
  2. Navigate to localhost:3000

🧛 Screenshot

halloween-screenshot


💡 Future Ideas

  • Add user login so each ghoul can save their personal watchlist
  • Integrate movie APIs (OMDb or TMDB) for live data
  • Add a "Scare Meter" rating system with 1 - 5 skulls
  • Add search and filter functionality

🧟 Credits

  • Fonts from Google Fonts (Rubik Wet Paint, Creepster)
  • Fonts from Google Fonts
  • Icons from Font Awesome

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published