This is a simple admin dashboard built using React.js and Material-UI. It provides features for searching, viewing, editing, and deleting user data in a tabular format.
-
Search Functionality : The dashboard includes a search field that allows you to filter users based on their name, email, and role. As you type in the search field, the table updates in real-time to show the matching results.
-
Table View: The user data is presented in a table format. Each row represents a user with columns for name, email, and role. The table provides an organized view of user data for easy management.
-
Edit and Delete: You can edit user data directly from the table. Clicking on the "Edit" button opens a form where you can update the user's information. Additionally, you can delete users by clicking on the "Delete" button. A confirmation dialog ensures data integrity.
. React.js
: A JavaScript library for building user interfaces.
. Material-UI
: A popular React UI framework that provides pre-styled components.
. Axios
: A promise-based HTTP client for making API requests.
To run the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/Akash-821101/React-Dashboard.git
- Navigate to the project directory:
cd react-Dashboard-master
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and go to [http://localhost:3000] to see the dashboard in action.
Contributions are welcome! If you find a bug or want to add new features, feel free to open an issue or submit a pull request.
For any questions or inquiries, please contact [[email protected]]