Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/povar0305/employees-page


https://github.com/povar0305/employees-page

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Поисковая система спользователей
Задача реализовать поиск по списку пользователей(по name, username, id), так же допольнить поиск возможностью искать сразу несколько, например 3, 4(по id). Так же предусмотреть, если убрать текст из инпута, очищаем окно предпросмотра

Первый экран
![image](https://github.com/povar0305/employees-page/assets/73982948/fc266651-10da-4fc3-af47-5028568914c9)

Поиск по буквам
![image](https://github.com/povar0305/employees-page/assets/73982948/70bfc20f-f8ba-4f81-bb17-cf83abc15790)

Поиск по id
![image](https://github.com/povar0305/employees-page/assets/73982948/54d85345-aac9-475f-b004-e47c2d0a2f58)

Случай, когда ничего не найдено
![image](https://github.com/povar0305/employees-page/assets/73982948/f4f69ae3-2510-420c-b1c0-6ea40ba35704)

Предпросмотр карточки
![image](https://github.com/povar0305/employees-page/assets/73982948/f24be910-9ffd-4449-af5e-5bc230b13481)

Используемые технологии:

- Nuxt 3
- Vue 3
- sass
- pinia
- axios

## Setup

Make sure to install the dependencies:

```bash
# npm
npm install

```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
# npm
npm run dev

```

## Production

Build the application for production:

```bash
# npm
npm run build

```

Locally preview production build:

```bash
# npm
npm run preview

```