NOTE: This is the Vercel-powered PRODUCTION version of The Film API. To view the repository for the DEVELOPERS version, click here.
An API build structured with Node
, Express
, and MongoDB
, along with Svelte
for front-end stylings on the landing page (which consumes the API). Search available film types here. Visitors to the page can also submit new film types for consideration. Each film type catalogued contains certain criteria to be utilized at the user's discretion:
- Film Brand (String)
- Film Name (String)
- ISO (Integer)
- Film Available in 35mm? (Boolean)
- Film Available in 120 Format? (Boolean)
- Color Film? (Boolean)
- Photographic Processing Method (String)
- Static Image URL (String)
- Film Description (String)
- Key Features (Array of Objects)
This application was built with Svelte
on the front-end and Vercel
on the back-end. If initiating build, make sure to initialize using vercel init svelte <project-name>
.
If cloning to personal machine, open repository in terminal and cd
into your root. From there, run npm install
to install all modules listed within the package.json
file. The API
folder contains the back-end code for deploying the API's routes to Vercel
.
Individual modules to be installed (front-end):
svelte-spinner
Individual modules to be installed (Vercel back-end):
mongoose
- Svelte.js: front-end JavaScript framework
- NPM [Node Package Manager]: dependency management
- CSS3: style sheet used for presentation within a markup language
- Mongoose: Object Data Modeling library for MongoDB
- Vercel: back-end cloud hosting for RESTful API functions
Jordan Hunter
Future features to be implemented:
- Modal component to show specifications of each individual film
- More intricate landing page
- Authentication functionality for submitting film brands
Star it. Clone it. Modify it. Submit a PR.
Fork it to your own repository, even. Keep yourself a copy and go wild.
For any questions, please contact me with the information below:
GitHub: @jordanwhunter
Email: Contact Developer