Flicksnack

Table of Contents

• Project Description
• Features
• Usage
• File Structure
• Images

Project Description

FlickSnack is a user-friendly theatre food counter booking application designed to streamline the food ordering experience for moviegoers. The application allows users to conveniently browse, select, and add food items to a virtual cart. Upon confirming their order, users receive a unique digital token that serves as proof of purchase.

This token can then be presented at the theatre’s food counter to quickly and efficiently collect their pre-ordered items, significantly reducing wait times and enhancing the overall cinema experience.

Tech Stack

• HTML
• JavaScript
• Express.js
• MongoDB

Features

• Browse a list of movies with images.
• Order snacks like burgers, fries, juice, and popcorn.
• Responsive design for different screen sizes.

Usage

To run Flicksnack, follow these steps:

1. Install the dependencies: npm i
2. Start the server: npm start
3. Open your web browser and navigate to http://localhost:3000 (or the appropriate port).

File Structure

• index.html: Main HTML file for the application.
• app.js: JavaScript file containing the application logic.
• package.json: Node.js package file.
• package-lock.json: Records the exact versions of dependencies.
• images/: Directory containing images for movies and food items.

Images

The images/ directory contains the following subdirectories:

• movies/: Movie images.
• foods/: Food item images, further categorized into burger/, fries/, juice/, and popcorn/.

Working

HomePage	Products	Unique Code