A Next.js web app that provides jumpscare videos with easy integration options.
JSCollection is a platform that hosts various jumpscare content and provides multiple ways to integrate them into your projects. Each jumpscare includes a demo page, direct video access, and iframe embedding options. This means you can either embed this into HTML or just download the video.
- Browse available jumpscares with preview images
- View interactive demos for each jumpscare (this is how an implementation COULD look like)
- Multiple integration methods:
- Embed via iframe
- Direct video URL access
- Download video files
- User review system with ratings & bad word filteringring
- Search functionality to filter jumpscares (very basic)
- Framework: Next.js
- Language: TypeScript
- Styling: Tailwind
- Database: Mongoose
- Node.js 20 or higher
- MongoDB database (you can get one for free at MongoDB.com)
-
Clone the repository
-
Install dependencies:
npm install
-
Create a .env file with your MongoDB connection string:
MONGO_URI=your_mongodb_connection_string -
Run the dev server:
npm run dev
-
Open http://localhost:3000 in your browser
-
(Optional) Build the project:
npm run build