https://github.com/povar0305/converter

конвектор валют, а так же список курса валют
https://github.com/povar0305/converter

composition-api rest-api vue-router vue3

Last synced: about 2 months ago
JSON representation

конвектор валют, а так же список курса валют

• Host: GitHub
• URL: https://github.com/povar0305/converter
• Owner: povar0305
• Created: 2024-03-27T09:12:41.000Z (9 months ago)
• Default Branch: master
• Last Pushed: 2024-04-14T07:14:25.000Z (9 months ago)
• Last Synced: 2024-04-15T04:22:48.673Z (9 months ago)
• Topics: composition-api, rest-api, vue-router, vue3
• Language: Vue
• Homepage:
• Size: 691 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Приложение для валюты

Приложение для конвертации валют, а так же просмотра курса. У приложение есть 2 страницы. на /converter пользователь

может просматривать актуальную стоимость разных валют к выбранной(соответственно и возможность ее менять присутствует),

искать по валютам, а так же переключиться на страницу /currencies.

Уже на странице /currencies оператор может переводить одну валюту в другую и обратно.

## В работе использовалось:

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and

disable Vetur).

[Rest API](https://github.com/fawazahmed0/exchange-api?tab=readme-ov-file#readme).

[Sass](https://www.npmjs.com/package/sass). [Vuex](https://vuex.vuejs.org/guide). [Pretter](https://www.npmjs.com/package/prettier).

[Vite-svg-loader](https://www.npmjs.com/package/vite-svg-loader)

[axios](https://www.npmjs.com/package/axios).

[vue-router](https://router.vuejs.org/).

Дизайн

макет - [тут](https://www.figma.com/file/SoGANqCH9vu0J6Fmehyexr/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5-%D0%B7%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5?type=design&node-id=0%3A1&mode=design&t=4CqbzhtRQUUWVbHs-1)

## Страница /converter

Основной экран. а данной странице пользователь может просматривать курс валют к выбранной валюте, менять выбранную

валюту, искать по курсу валют, а так же переключиться на другую страницу.

![img.png](img.png)

### Мобильная версия.

![img_1.png](img_1.png)

### Поиск по валюте.

![img_2.png](img_2.png)

### Выбор валюты.

![img_3.png](img_3.png)

## Страница /currencies

На этой странице пользователь может переводить из одной валюты в другую. Причем это работает в обе стороны. В более

простом варианте исполнения можно было бы задизаблить инпут to и тогда пересчет был бы проще. Я сделал вариант двойной

связи, так как считаю, что он более юзабельный.

![img_4.png](img_4.png)

### Мобильная версия.

![img_5.png](img_5.png)

## Установка проекта

```sh

npm install

```

### Запуск проекта в дев режиме

```sh

npm run dev

```

### Запуск проекта в билд

```sh

npm run build

```

### Автоматическое исправление от [ESLint](https://eslint.org/)

```sh

npm run lint

```