https://github.com/vasily257/notification-list

A one-page list of notifications that can be filtered by type.
https://github.com/vasily257/notification-list

Last synced: 23 days ago
JSON representation

A one-page list of notifications that can be filtered by type.

• Host: GitHub
• URL: https://github.com/vasily257/notification-list
• Owner: Vasily257
• Created: 2023-12-31T15:24:47.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-02-08T12:21:59.000Z (11 months ago)
• Last Synced: 2024-02-09T05:27:14.393Z (11 months ago)
• Language: Vue
• Homepage:
• Size: 482 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Notification list

Этот проект — тестовое задание для вакансии «Frontend developer» компании [Цифровые технологии ритейла](https://e-tag.pro/).  

## Функциональность

Проект является одностраничным списком уведомлений, которые можно фильтровать по типу.  

## Особенности

У проекта есть несколько особенностей:

1. Проект написан на `Vue 3`, используется `Composition API` и `script setup`, а также `Pinia`.

2. Код по возможности соответствует [рекомендациям Vue](https://v3.ru.vuejs.org/ru/style-guide/).

3. Обращение к стору вынесено в родительский компонент, чтобы сохранить дочерние компоненты чистыми.

4. Приложение сохраняет своё состояние — выбранный фильтр и статусы уведомлений — в `local storage`. 

## Технологический стек

`Vue` `SCSS` `TypeScript` `Vite`  

## Ссылки

Опубликованый сайт: https://notification-list.netlify.app/  

## Использование

Чтобы склонировать проект, надо открыть выбранную папку и использовать команду:  

**HTTPS**: `git clone https://github.com/Vasily257/notification-list.git`  

Чтобы запустить проект, нужно использовать команду `npm run dev` в папке с проектом.  

Потом надо перейти по ссылке http://localhost:5173/ в браузере, чтобы увидеть результат.

## Статус

Проект завершен, нет планов по доработке.