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.
- 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.
- React.js
- React Router
- Chakra UI
- @tanstack/react-query
- Various custom hooks for interacting with AWS S3
- run
npm install
- in file
.env
, replaceVITE_AWS_ACCESS_KEY_ID
,VITE_AWS_SECRET_ACCESS_KEY
andVITE_BUCKET_NAME
with yours - run
npm start