jehnls / upload-files-react-node

Learning how to monitor files upload progress

Upload Files React Node

Technologies   |    Project   |    How to run   |    How to contribute   |    License

🚀 Technologies

This project was developed with the following techs:

• Node
• React
• Mongo
• Multer
• Axios
• AWS S3

💻 Project

Learning how to monitor files upload progress

🏃 How to run

Backend

API Reference:

Access server folder and install the dependencies

  $ yarn

  # or

  $ npm install

You will need a mongodb instance. If you have docker in your device you can create a docker mongo instance:

  docker run --name mongo -p 27017:27017 -d -t mongo

Create a file named .env based on .env.example in the root

  APP_URL=http://localhost:3333

  # s3: PARA PRODUÇÃO
  # local: PARA DESENVOLVIMENTO
  STORAGE_TYPE=local

  # CONEXÃO COM MONGO
  MONGO_URL=mongodb://localhost:27017/upload

  # AWS ENV PARA PRODUÇÃO
  BUCKET_NAME=
  AWS_ACCESS_KEY_ID=
  AWS_SECRET_ACCESS_KEY=
  AWS_DEFAULT_REGION=us-east-1

After all, you should be able to start the server:

  $ yarn dev

  # or

  $ npm run dev

Frontend

Access web folder and install the dependencies

  $ yarn

  # or

  $ npm install

After that start the server

  $ yarn start

  # or

  $ npm run start

🤔 How to contribute

• Fork this repo;
• Create a branch for your new feature: git checkout -b my-feature;
• Commit your changes: git commit -m 'feat: My brand new feature';
• Push it to your branch: git push origin my-feature.

After merge of your pull request, you can delete your branch.

📝 License

This project is under MIT license. See the file LICENSE for details.

---