2rohith2 / admin-ui

This project is used to by Admin to search, edit & delete user accounts

📦 User Management

User Management application can be used to search, edit & delete user profiles.

Product Requirements

• The admin user should be able to search for users by name, email, and role.
• The admin user should be able to modify and delete users.
• Added custom pagination logic to display previous, next, first, last and 5 buttons with numeric page number.
• Added pagination that works in sync while the admin searches for users.
• The header's Select-all checkbox is used to select or deselect all displayed rows in current page.
• All modifications and deletions should be performed in memory, with no API calls required.

🚀 About Me

Hi 👋, I'm Rohith Kumar, a passionate JavaScript fullstack developer.

• 9.5 Years of Product Experience in CyberSecurity, Telecom Domain and OTT Platform
• I am a Product Developer with a designer's eye for aesthetics and a security mindset.
• Experienced in the design, development, and deployment of end-to-end projects based on new concepts for Enterprise SaaS applications using the JavaScript environment.
• Expertise in the development of production-ready products using a Clean Architecture for faster and easier code maintenance, as well as the Data Scraping expert.

🔗 Links

Tech stack used

🔦 Coding Methodology

• Clean Architecture

🖥️ Dashboard

• BEM (CSS Styling)
• CSS
• Container Component Pattern
• HTML
• JavaScript
• ReactJs
• SCSS (CSS Preprocessor)
• TypeScript
• Bootstrap
• HTML Accessibility
• HTML Semantics

License

Screenshots

User flow
Fetching users data
Rendered users
Invalid search
Search user
Edit user
Updated user info

Run Locally

Clone the project

  git clone https://github.com/2rohith2/admin-ui

Go to the project directory

  cd delivery-web

Install dependencies

  npm install

Start the server

  npm run start

Link to access

  http://localhost:3000

✏️ Feedback

If you have any feedback, please reach out to me at [e-mail]