https://github.com/yarzik7/user-management-table

The web application displays users in a table
https://github.com/yarzik7/user-management-table

axios css-modules-react reactjs redux-toolkit typescript

Last synced: 4 months ago
JSON representation

The web application displays users in a table

• Host: GitHub
• URL: https://github.com/yarzik7/user-management-table
• Owner: Yarzik7
• Created: 2024-08-30T18:55:21.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-09-06T09:53:11.000Z (10 months ago)
• Last Synced: 2025-01-12T11:45:00.884Z (6 months ago)
• Topics: axios, css-modules-react, reactjs, redux-toolkit, typescript
• Language: TypeScript
• Homepage: https://user-management-table.vercel.app
• Size: 615 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# User Management Table

## About project

This web application is designed to display user data received from the JSONPlaceholder API as a table, and also allows

you to filter their display in real time by name, username, email and phone fields.

## Features

- ### Display users in a table

![Users table](./assets/ReadMe/user-manager-table.JPG)

- ### Filter users data in real time

![Users filter](./assets/ReadMe/users-filter.JPG)

- ### Responsive layout

![Mobile view](./assets/ReadMe/user-table-mobile.JPG)

- ### Loader and notifications when working with data

#### Loader

![Loader](./assets/ReadMe/users-loader.JPG)

#### Notifications

![No users](./assets/ReadMe/no-users-message.JPG)

![Users error](./assets/ReadMe/users-error-message.JPG)

## Technology stack

- TypeScript

- React

- Redux Toolkit

- CSS

## Installation

1. **Clone the repository to your local machine:**

   ```bash

   git clone https://github.com/Yarzik7/user-management-table.git

   cd user-management-table

   ```

2. **Install the dependencies:**

   npm:

   ```bash

   npm install

   ```

   yarn:

   ```bash

   yarn install

   ```

3. **Running the project:**

   ```bash

   npm start

   ```

Next, you can view the work of the project at http://localhost:3000