Skip to content

Latest commit

 

History

11 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SimpleMoneyManagement

Simple Money Management - это веб-приложение с бэкендом на Django REST Framework и фронтендом на Vue.js 3, контейнеризированное с использованием Docker Compose.

Веб-приложение позволяет пользователям создавать, редактировать, удалять и просматривать записи о движении денежных средств.

Технологии

Backend:

Django 5.2.6;

Django REST Framework 3.16.1

Frontend:

Vue.js 3, Vue Router

Vite

TypeScript

База данных:

SQLite

Контейнеризация:

Docker, Docker Compose

Web-server:

Nginx

Требования

Docker 20.10+

Docker Compose 2.0+

Git

Установка и запуск

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

git clone https://github.com/J0hnLenin/SimpleMoneyManagement
cd SimpleMoneyManagement

2. Настройка переменных окружения

Создайте файл .env в корневой директории проекта на примере файла .env.example
Измените переменные окружения:

SECRET_KEY=your-secret-key
DJANGO_SUPERUSER_USERNAME=admin
DJANGO_SUPERUSER_PASSWORD=admin

3. Запуск приложения

Запуск в detached mode

docker-compose up -d --build

Запуск с просмотром логов:

docker-compose up --build

4. Проверка работы

После запуска контейнеров приложение будет доступно:

Frontend (Vue.js): http://localhost

Backend (Django API): http://localhost/api/v1

Django Admin: http://localhost/admin

Структура проекта

SimpleMoneyManagement/
├── backend/
│   ├── Dockerfile
│   ├── requirements.txt
│   ├── manage.py
│   ├── create_superuser.py
│   └── ... (файлы Django)
├── frontend/
│   ├── Dockerfile
│   ├── package.json
│   ├── vite.config.ts
│   └── ... (файлы Vue.js)
├── nginx/
│   └── nginx.conf
├── docker-compose.yml
├── .env
├── .env.example
└── README.md

REST API endpoints

  • api/v1/main/users/
  • api/v1/main/groups/
  • api/v1/transactions/statuses/
  • api/v1/transactions/transaction-types/
  • api/v1/transactions/categories/
  • api/v1/transactions/transactions/

Архитектура веб-приложения

Архитектура веб-приложения

Интерфейс веб-приложения

Админ-панель Django

Админ-панель Django

Страница Django REST API

Страница Django REST API

Пользовательский интерфейс

1. Главная страница

Главная страница

2. Страница статусов

Страница статусов Страница редактирования статуса

3. Страница типов транзакций

Страница типов транзакций Страница редактирования типа транзакции

4. Страница категорий

Страница категорий Страница редактирования категории

5. Страница транзакций

Страница транзакций Страница редактирования транзакции

About

Web service for managing cash flow funds

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages