β¨ ShootDrop π₯
Shoot asset list creation made easy π₯π‘π€π¬
A tool to generate and share resource lists for film and television productions quickly.
shootdrop.com
β¨Register to try it out atWhat is this?
During pre-production for video/film projects, making gear lists is time-consuming. I created ShootDrop as a simple, easy-to-use tool to quickly create gear lists.
Watch the overview video!
Features
Drops
A drop is tied to a shoot in the real world, it serves as the home for all gear-related info pertaining to the shoot.
- Collaborators can be added here. They can edit any lists attached to the drops they're on.
- The URL is publically sharable for everyone on the production to stay up to date.
- Overview of all list items - giving you an idea of the shoot at a glance.
- PDF Generation to easily print and share with production teams.
Lists
A list is tied to a drop, it consists of Gear Items in a particular category (either camera, lighting, grips or sound).
- Comments and preferences can be added for each list item.
- Last edited by with time and user to keep track of who added what.
Gear
- Categories (grips/lighting/camera/sound)
- Tagging for easy filtering. Tags are either generic (eg: cable) or tied to categories (eg: lens or recorder)
- Preferences (eg: Lens Mount or Power Solution)
Tech
Web
- NextJS (React)
- TailwindCSS
- Apollo Client (GraphQL client and state management library)
- Zustand (minimal state management where Apollo reactive variables would be overkill)
Api
- NodeJS
- Apollo Server
- MongoDB (with Mongoose ODM)
- AWS S3
Dev Setup
You can give this a spin on your local machine by installing NodeJS version 16 or higher.
Make sure you setup the following environment variables
Web
.env.local
NEXT_PUBLIC_API_URI= your api URI
NEXT_PUBLIC_RECAPTCHA_SITE_KEY= grab one at https://www.hcaptcha.com/
API
.env
DEV_MONGODB_URI= Spin up a free mongodb at https://www.mongodb.com/cloud/atlas/register
PORT= any
SECRET= any
HCAPTCHASECRET= grab one at https://www.hcaptcha.com/
SENDGRID_API_KEY= grab one at https://sendgrid.com/free/
SITE_ADMIN= your email
DEV_AWS_ACCESS_KEY_ID= Grab one from AWS console
DEV_AWS_SECRET_ACCESS_KEY= Grab one from AWS console
DEV_S3_BUCKET= S3 bucket name
Commands for running the app locally
In root directory of repo, open terminal.
API
cd api
npm install
npm run dev
WEB
cd web
npm install
npm run dev
Author
π€ Tom Radford
- Website: tomradford.co.za
- Github: @TomRadford
- LinkedIn: @https://www.linkedin.com/in/tom-radford-21699b153/
π€ Issues and Feature requests
Feel free to check the issues page to request fixes and new features! Alternatively you can drop me a mail on [email protected]
π€ Contributing
Drop me a mail [email protected]
Show your support
Give a βοΈ if this project helped you!
π License
Copyright Β© 2022 Tom Radford.
This project is GPL--3.0--only licensed.
Thanks for your interest in this project!