Skip to content

FastAPI + React приложение, отслеживающее изменения стоимости акций больших компаний, с помощью графиков

Notifications You must be signed in to change notification settings

mamaelyaaa/stocks-tracker-site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Трекер акций / Stocks Tracker

Это FastAPI + React приложение, отслеживающее изменения стоимости акций больших компаний, с визуализацией данных с помощью графиков.

Внешний API: Alpha Vantage, FinnHub

img_1.png

Преимущества

  1. Актуальная информация: Данные о стоимости акций обновляются ежедневно, предоставляя пользователям актуальную информацию о рынке.
  2. Современные технологии: В разработке использованы React для фронтенда и FastAPI для бэкенда, что позволяет работать с передовыми инструментами веб-разработки.
  3. Модульность и расширяемость: Проект спроектирован с учетом возможности легкого расширения функционала в будущем.
  4. Асинхронная обработка: Асинхронная обработка запросов позволяет не блокировать основной поток и ускоряет отклик сервера.
  5. Полный стек: Проект включает как клиентскую, так и серверную часть, позволяя изучать взаимодействие между ними и развивать навыки работы с полным стеком технологий.

img_2.png

Стек

  • Backend:

    • Фреймворк: FastAPI
    • API запросы (асинхронно): aiohttp
    • Графики: pandas + matplotlib
    • Типизация: Pydantic
    • Кэширование: async_lru
  • Frontend:

    • Фреймворк: React.js
    • API (асинхронно): axios
    • Стилизация: Tailwind CSS
    • Компоненты: Ant Design
    • Сборка: Vite

Установка

1. Клонирование репозитория

git clone https://github.com/mamaelyaaa/stocks-tracker-site.git

2. Создание виртуальных окружений + установка зависимостей

1. Backend

cd backend/

python -m venv venv
venv/Scripts/activate
pip install -r requirements.txt

2. Frontend

cd frontend

npm install

Запуск

Для запуска обоих серверов необходимо создать файл .env и, ориентируясь на файл .env.example вписать свои токены, полученные на сайтах Alpha Vantage, FinnHub

Для работы приложения убедитесь, что оба сервера запущены.

Программа запуска

1. Backend

uvicorn src.main:app --reload

2. Frontend (по нему переходим)

npm run dev

Поздравляю! Все работает

About

FastAPI + React приложение, отслеживающее изменения стоимости акций больших компаний, с помощью графиков

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published