GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → abachuk → uploading-files-react-node

abachuk / uploading-files-react-node

Licence: other
Uploading files with React.js and Node.js

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactnextjsfile-uploadexpressjscloudinary

Projects that are alternatives of or similar to uploading-files-react-node

Node React Ecommerce
Build ECommerce Website Like Amazon By React & Node & MongoDB
Stars: ✭ 1,080 (+3172.73%)
Mutual labels:  file-upload, expressjs
Next Routes Middleware
Universal Lambda Routing
Stars: ✭ 37 (+12.12%)
Mutual labels:  nextjs, expressjs
cafecito
Cafecito es un proyecto hecho en Next.JS con Express.JS y MongoDB para recibir cafés ☕️ a modo de donaciones.
Stars: ✭ 95 (+187.88%)
Mutual labels:  nextjs, expressjs
Quora
Building An Exclusive Community of PEC Graduates and Students.The main features of the website are “PEC Quora” and “PEC Connect”
Stars: ✭ 26 (-21.21%)
Mutual labels:  expressjs, cloudinary
Builderbook
Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.
Stars: ✭ 3,015 (+9036.36%)
Mutual labels:  nextjs, expressjs
nextjs-typescript-express-boilerplate
A next.js boilerplate app with Typescript and an Express API server
Stars: ✭ 30 (-9.09%)
Mutual labels:  nextjs, expressjs
Slate
WIP - An open source Filecoin storage and retrieval client that makes it easy to collect, organize, and share data anywhere.
Stars: ✭ 383 (+1060.61%)
Mutual labels:  nextjs, file-upload
Next Express Bootstrap Boilerplate
⚡️ JavaScript boilerplate for a full stack app built using React.js, Next.js, Express.js, react-bootstrap, SCSS and full SSR with eslint.
Stars: ✭ 102 (+209.09%)
Mutual labels:  nextjs, expressjs
Next Apollo Auth
Authentication Boilerplate with Next.js and Apollo GraphQL
Stars: ✭ 159 (+381.82%)
Mutual labels:  nextjs, expressjs
Notion Clone
Stars: ✭ 2,048 (+6106.06%)
Mutual labels:  nextjs, expressjs
faeshare
MERN based social media web app made with the help of Next.js, Socket.io and TailwindCSS.
Stars: ✭ 37 (+12.12%)
Mutual labels:  nextjs, expressjs
express-file-upload
Node.js Express Upload/Download File Rest APIs example with Multer
Stars: ✭ 64 (+93.94%)
Mutual labels:  file-upload, expressjs
Void
Fast and elegant file hosting service.
Stars: ✭ 48 (+45.45%)
Mutual labels:  nextjs, file-upload
web-starter-kit
An opinionated starter kit with styled-system, graphql-hooks, mobx and nextjs (PWA)
Stars: ✭ 17 (-48.48%)
Mutual labels:  nextjs
onlysetups
OnlyFans, but for pictures of desk setups.
Stars: ✭ 82 (+148.48%)
Mutual labels:  nextjs
ignite-reactjs
Projetos desenvolvidos em ReactJS durante a trilha de ReactJS do Ignite da Rocketseat. 💜🚀
Stars: ✭ 20 (-39.39%)
Mutual labels:  nextjs
nextjs-blog-starter-kit
NextJS Blog + Contentful Typescript Starter kit with Static Export 🚀
Stars: ✭ 56 (+69.7%)
Mutual labels:  nextjs
snipcart-nextjs
Demo code for a Next.js e-commerce app powered by Snipcart
Stars: ✭ 116 (+251.52%)
Mutual labels:  nextjs
QuickStarter
Quick nodejs (Express) + docker + mongodb + JEST(testing) setup.
Stars: ✭ 12 (-63.64%)
Mutual labels:  expressjs
next-ecommerce
A beautiful ecommerce made with Next.js
Stars: ✭ 184 (+457.58%)
Mutual labels:  nextjs
View All Similar Projects ➔

Uploading files with React.js and Node.js

This repo is for my blog Uploading files with React.js and Node.js. Many people found my code examples to be confusing, so I created this repo to demo how everything comes together.

I didn't add redux in this one, but if you want it - let me know.

Example with Next.js to simplify the setup. Same can be applied to any React+Node app. If you don't have the cloudinary account, use this link (affiliate) to signup for free or just go to cloudinary.com

How to run:

  1. Clone the repo and cd into the directory
  2. npm install
  3. npm run dev to start it locally
  4. Add you cloudinary API keys in server.js file
  5. open http://localshost:3000
  6. upload any file, this example expects image file type
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].