skpandey885 / user-management-dashboard

User Management Dashboard

A web application featuring a user management dashboard with two tabs: User Details and Account Creation.

Table of Contents

• Introduction
• Features
• Tech Stack
• Getting Started
  • Installation
  • Running the App

Introduction

Welcome to the User Management Dashboard project! This web application allows users to view user details and create new accounts. The project is built using React.js with a focus on clean design and optimal user experience.

Features

1. User Details Tab:

   • Fetch user data from a JSON placeholder database.
   • Implemented a searchable table displaying user information: Username, Email, Phone, ID, and Creation date.

2. Account Creation Tab:

   • Created a form with fields for username and password.
   • Implemented dummy request handling upon form submission.

3. Dashboard Interface:

   • Designed a clean and intuitive dashboard layout with following features: User Details and Account Creation.

4. Tech Stack:

   • React.js for frontend development.
   • Styling using Tailwind CSS.
   • JSON Placeholder for temporary users data.

5. Performance:

   • Achieved high Lighthouse score 92 to optimize user experience.
   • 

Tech Stack

• React.js
• Tailwind CSS

Getting Started

Installation

# Clone the repository
git clone https://github.com/your-username/user-management-dashboard.git

# Navigate to the project directory
cd user-management-dashboard

# Install dependencies
npm install

Running the App

# Run on Local host
npm run start