An open API service indexing awesome lists of open source software.

https://github.com/divyam751/cubehq.ai

Customer Details Portal, It allows users to view a list of customers, select a customer to view their details, and fetch random photos from Unsplash API.
https://github.com/divyam751/cubehq.ai

css json-server react redux-toolkit rest-api typescript

Last synced: 2 months ago
JSON representation

Customer Details Portal, It allows users to view a list of customers, select a customer to view their details, and fetch random photos from Unsplash API.

Awesome Lists containing this project

README

          

## Customer Details Portal

This project is a Customer Details Portal developed using TypeScript, React, Redux Toolkit, and Vite. It allows users to view a list of customers, select a customer to view their details, and fetch random photos from Unsplash API.

### Deployed Application

The project is deployed and accessible at [Customer Details Portal](https://cubehq-ai.vercel.app/).

### Technologies Used

- TypeScript
- React
- Redux Toolkit
- Vite
- Axios

### Features

- Fetches a list of customers from a mock API.
- Displays customer details and allows selecting a customer to view their details.
- Fetches random photos from the Unsplash API and displays them.
- Implements pagination to load more customers.
- Uses Redux Toolkit for state management.
- Styled using CSS.

### Usage

1. Clone the repository:

```
git clone
```

2. Install dependencies:

```
npm install
```

3. Run the development server:

```
npm run dev
```

4. Open the application in your browser at [http://localhost:3000](http://localhost:3000).

### Images

![1](https://github.com/divyam751/cubehq.ai/assets/125983433/ca56384e-a267-46e2-8325-8d47e8c24a7d)
![2](https://github.com/divyam751/cubehq.ai/assets/125983433/a1f0503f-f5f7-47a0-9236-710473a52582)