steam-project

*Данный проект находиться в стадии разработки и предоставлен в качестве ознакомления

Steam-project - это удобный интерфейс для просмотра предметов с сайта Tradeit и синхронизации с собственным инвентарем. API реализован отдельно от проекта - steam-api его можно запустить локально, и приложение steam-project будет работать. Данный функционал представляет собой тестовую функциональность и может вызывать ошибки. Используйте на свое усмотрение. Проект использует пакетный менеджер Yarn v4 и node v20. Другие пакетные менеджеры и версии node ниже v20 используйте на своё усмотрение.

Содержание

• Технологии
• Приложение
• Начало работы
• To do
• Релиз функционала на 14.01.24
• Релиз функционала на 28.01.24
• цели

Технологии

• NodeJS v20
• TypeScript v5
• React
• Yarn v4
• eslint
• Vite
• MUI
• material-react-table
• steam-totp
• steam-tradeoffer-manager
• steam-user
• steamcommunity

Приложение

* Текущий вид может измениться в следующих релизах

Начало работы

Чтобы работать с 4 версией yarn, нужно установить ее первую версию глобально (Глобально v4 не нужно устанавливать):

$ npm install --global yarn

Установите пакет. В проекте указана зависимость с Yarn 4, которая будет использоваться только для этого проекта:

$ yarn

Собрать проект:

$ yarn build

Режим разработчика:

$ yarn dev

To do

• Достигнуть итоговой модели api
• Добавить поддержку стилей .stylelintrc в Vite (возможно потребуется подключить cssnano, autoprefixer)
• Проверить необходимые правила в tsconfig.json
• Улучшить index.html
• Реализовать хук для поддержки разрешения экрана (мобильная разработка)

Цели

• Подключить навигацию к таблице "Избранное" (просто шаблон)
• Разбить задачи (API, Model, Router) на маленькие кусочки и составить чек-лист по их выполнению
• Создать метод для загрузки глобальных данных от getData Tradeit
• Доработать фильтрацию на главной странице
• Добавить навигационное меню слева (тестовый вариант)
• Создать полноценную таблицу "Избранное" и добавление предметов в неё со страницы главного меню
• Добавить поддержку валют
• Перейти на Redux
• Добавить страницу своего инвентаря
• Добавить график продаж к предмету
• Добавить диаграмму/аналитику по личному инвентарю
• Перейти на Redux
• Добавить полноценный функционал по фильтрам
• Добавить поддержку мобильной версии
• Перенести разработку на ElectronJS
• Добавить профиль Steam
• Добавить поддержку кеширования Server Workers

Чек лист API, Model, Router

TODO: ----