🖼️ Image Uploader to AWS S3

Image Uploader to S3 is a web application built using React and Node.js that allows users to upload images to an Amazon S3 bucket. The application provides a user interface for selecting and uploading images, and displays a gallery of all uploaded images.

📌The frontend of the application is built using React and Chakra UI, and allows users to select and upload images in JPG or PNG format. The application uses a custom hook to communicate with the backend API built using Node.js and Express.js.

📌The backend API is responsible for authenticating users and generating pre-signed URLs for uploading images to the S3 bucket. It uses AWS SDK for Node.js to communicate with the S3 bucket and generate pre-signed URLs. The API also provides endpoints for retrieving all images uploaded by a user, deleting an image, and updating the metadata of an image.

⚙️ Steps

1. Clone the repository
2. Install dependencies
3. Set up environment variable
4. Start the backend server: npm start
5. Start the frontend server: npm start
6. Open the application: Open a web browser and navigate to http://localhost:3000 to access the application.

Note: This is a general overview of the steps required to clone and work with the Image Uploader to S3 project. The exact steps may vary depending on your development environment and setup.

👀 Screenshots

Frontend


AWS S3 Bucket

✍ Author

• Mahima Churi

📌 Features / Contributions

• Any contributions you make are greatly appreciated
• Would be glad to hear about new features to add in the website

🛡 License

You may use this project freely at your own risk. See LICENSE.

Copyright (c) 2023 Mahima Churi

Connect with me