/AWS-S3-Visualizer

AWS S3 Web Visulizer as a file system

Primary LanguageJavaScript

AWS-S3-Visualizer

Introduction

AWS-S3-Visualizer is a web application designed to provide a user-friendly interface to explore and manage files in an AWS S3 bucket. The application allows users to create folders, upload files, and delete files all within a responsive and intuitive UI built with Chakra UI and React.

Features

  • File Navigation: Navigate through the folders using a breadcrumb interface.
  • Create Folders: Users can create new folders within their designated S3 bucket.
  • Upload Files: Allows for uploading files to the current directory.
  • Delete Files: Users can delete selected files or folders.
  • File Renaming: Rename files or folders within the S3 bucket.
  • Responsive Design: Built using Chakra UI for a responsive, accessible user interface.

Technologies Used

  • React.js
  • React Router
  • Chakra UI
  • @tanstack/react-query
  • Various custom hooks for interacting with AWS S3

Instructions

  • run npm install
  • in file .env, replace VITE_AWS_ACCESS_KEY_ID, VITE_AWS_SECRET_ACCESS_KEY and VITE_BUCKET_NAME with yours
  • run npm start