User Management System

A User Management System built with React and Vite, utilizing ShadCN UI for the user interface. This project allows users to add, edit, and delete user profiles. Additionally, it features image upload functionality using Firebase.

Features

• User Management: Add, edit, and delete user profiles.
• Image Upload: Users can upload images for their profiles using Firebase Storage.
• Authentication: (Coming soon) Secure user authentication for managing user accounts.
• Bulk Delete: (Coming soon) Select multiple users to delete at once using checkboxes.
• Open Source: Contributions are welcome! Feel free to fork the repository and submit pull requests.

Tech Stack

• Frontend: React, Vite
• UI Library: ShadCN UI
• Backend: Firebase (for authentication and storage)

Installation

To get started with this project, clone the repository and install the dependencies:

git clone https://github.com/MuhammadAliashraf/user-management.git
cd user-management

GOTO>
// src/firebase.ts
import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';
import { getStorage } from 'firebase/storage';

//Add Your Firebase Project Config
const firebaseConfig = {
  apiKey: '',
  authDomain: '',
  projectId: '',
  storageBucket: '',
  messagingSenderId: '',
  appId: '',
  measurementId: '',
};

const app = initializeApp(firebaseConfig);
export const db = getFirestore(app);
export const storage = getStorage(app);

Usage

Run the following command:

npm install

Usage

To run the application in development mode, use the following command:

npm run dev

This will start the development server, and you can access the application at http://localhost:3000.

Contributing

We welcome contributions to improve this project! To contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your forked repository.
5. Submit a pull request to the main repository.

License

This project is licensed under the MIT License. Please take a look at the LICENSE file for details.

Contact

For any questions or suggestions, feel free to reach out to me.

Feel free to customize any part of this template to better fit your project!