film-api-svelte-mongodb

A RESTful API Cataloging Photo Film 📸

https://film-api-svelte-mongodb.vercel.app/

https://github.com/coding-to-music/film-api-svelte-mongodb

By jordanwhunter https://github.com/jordanwhunter

https://filmapi.vercel.app/

https://github.com/jordanwhunter/filmdexapi-v2

Data is coming from here:

https://filmapi.vercel.app/api/films

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
• Technologies
• Authors
• Roadmap
• Contributing
• License

Installation

npm i -g vercel

# to create a new project
vercel init svelte film-api-svelte-mongodb

# now that this project is created, you can deploy it to Vercel

vercel


vercel env add

Then the variable
Then the value
Then the environment(s)

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