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 🚀

1. Clone the repository:

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

2. Install dependencies:

npm install

3. Run development server:

npm run dev

4. 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 🤝

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. 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