filmdexapi-v2 Svelte Themes

Filmdexapi V2

An API cataloging 130 types of 35mm / 120-format photo film. This API build utilizes Node Js and MongoDB to store data, and uses Svelte for front-end design. Simply fetch from the provided URL, or visit the API’s landing page to get a detailed view of the data.

#javascript #svelte #nodejs #mongodb #mongoose #vercel #html5 #css3
Demo Download

A RESTful API Cataloging Photo Film 📸

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)

Table of Contents

Installation

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

Technologies

  • 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

Authors

Jordan Hunter

Roadmap

Future features to be implemented:

  • Modal component to show specifications of each individual film
  • More intricate landing page
  • Authentication functionality for submitting film brands

Contributing

Star it. Clone it. Modify it. Submit a PR.
Fork it to your own repository, even. Keep yourself a copy and go wild.

License

MIT

Questions?

For any questions, please contact me with the information below:

GitHub: @jordanwhunter
Email: Contact Developer

Top categories

tailwind daisyui admin template popup mdsvex portfolio blog form ecommerce ui carousel auth dark seo image routing
Loading Svelte Themes