Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-custom-fileupload-ks) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Custom File Upload 📁

A modern, customizable file upload component for React applications with progress tracking and drag-n-drop support.

Features ✨

🚀 Drag and drop file upload
📊 Real-time upload progress tracking
🎨 Customizable UI with Tailwind CSS
⌨️ Full TypeScript support
🔄 Context API for state management
📱 Responsive design
⚡ Optimized performance
🎯 Multiple file support

Tech Stack 🛠

React 18
TypeScript
Tailwind CSS
Vite
React Dropzone
Context API

Getting Started 🚀

Clone the repository:

git clone https://github.com/sankarkumark34/react-custom-fileUpload.git

Install dependencies:

npm install

Run development server:

npm run dev

Build for production:

npm run build

Usage 💻

import { FileUploadProvider, FileUploader } from './components';

function App() {
  return (
    <FileUploadProvider>
      <div className="min-h-screen flex items-center justify-center">
        <FileUploader />
      </div>
    </FileUploadProvider>
  );
}

Contributing 🤝

Fork the repository
Create your feature branch (git checkout -b feature/AmazingFeature)
Commit your changes (git commit -m 'Add some AmazingFeature')
Push to the branch (git push origin feature/AmazingFeature)
Open a Pull Request

License 📄

Distributed under the MIT License. See LICENSE for more information.

Contact 📬

Sankar - @LinkedIn

Project Link: https://github.com/sankarkumark34/react-custom-fileUpload.git