https://github.com/imranhsayed/file-uploads-aws-react-node

:open_file_folder: A react node and express js project to upload files on amazon web services ( AWS )
https://github.com/imranhsayed/file-uploads-aws-react-node

amazon-web-services api aws aws-s3 aws-s3-demo bucket file-upload file-uploads javascript node nodejs react reactjs

Last synced: 13 days ago
JSON representation

:open_file_folder: A react node and express js project to upload files on amazon web services ( AWS )

• Host: GitHub
• URL: https://github.com/imranhsayed/file-uploads-aws-react-node
• Owner: imranhsayed
• Created: 2018-10-06T20:45:43.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-10-03T23:58:11.000Z (about 1 year ago)
• Last Synced: 2024-10-19T19:38:55.013Z (25 days ago)
• Topics: amazon-web-services, api, aws, aws-s3, aws-s3-demo, bucket, file-upload, file-uploads, javascript, node, nodejs, react, reactjs
• Language: JavaScript
• Homepage:
• Size: 2.68 MB
• Stars: 104
• Watchers: 3
• Forks: 46
• Open Issues: 19
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# File Uploads on AWS Bucket

## Description :clipboard:

> Demo App for Single and Multiple File Uploads on AWS ( Amazon Web Services ) Bucket

******* PLEASE STAR MY REPO TO SUPPORT ME 🙏 ******

Please follow me 🙏 on [twitter](https://twitter.com/imranhsayed) and github

![](aws-sdk-image.jpg)

## File Upload :computer:

![](image-upload-aws.png)

## Use :point_right:

Update your AWS accessKeyId, secretAccessKey and Bucket name in `./routes/api/profile.js`

``` ruby

const s3 = new aws.S3({

	accessKeyId: 'xxx',

	secretAccessKey: 'xxx',

	Bucket: 'yourbucketname'

});

```

## Installation Instructions :wrench:

1. Clone the repo using `git clone https://github.com/imranhsayed/file-uploads-aws-react-node`

2. `cd file-uploads-aws-react-node`

3. `npm install`

4. `cd client`

5. `npm install`

7. `cd ..`

8. `npm run dev`

## Built With :zap:

1. Node

2. Express

3. React

4. Create React App

## Tutorial Videos :video_camera:

* [Create AWS Bucket](https://youtu.be/cDj4LPTLR3o)

* [Single File Upload on AWS](https://youtu.be/e-gb9IBfSw8)

* [Multiple File Upload on AWS](https://youtu.be/eLkVQI2xBD0)

## Useful Links :link:

* [Create AWS Bucket Blog](https://codeytek.com/how-to-create-a-user-and-bucket-amazon-web-services-aws/)

* [File Upload on AWS Blog](https://codeytek.com/file-or-image-uploads-on-amazon-web-services-aws-using-react-node-and-express-js-aws-sdk/)

## License

[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)

- **[MIT license](http://opensource.org/licenses/mit-license.php)**