Our great sponsors
-
You should be able to either intialize the repo with Ben Awads command npx create-graphql-api graphql-example or you can also just clone this starter GitHub Repo I made. They are nearly the same, the GitHub repo doesn't have postgres though.
-
graphql-upload
Middleware and an Upload scalar to add support for GraphQL multipart requests (file uploads via queries and mutations) to various Node.js GraphQL servers.
To upload images with GraphQL, make sure to add [graphql-upload](https://github.com/jaydenseric/graphql-upload).
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
Next, you have to implement the actual input-field where users can drop their file. My favorite fileinput-library is[react-dropzone](https://github.com/react-dropzone/react-dropzone). All react-dropzone needs is a div and an input😄
-
foodfinder
A hackathon-winning website combating foodwaste by helping people share any excess ingredients/meals🍽
I don't have a repo with this code isolated, but you can check it out on GitHub for my FoodFinder project. As always, let me know if you have any questions😃