diff --git a/.idea/Financer.iml b/.idea/Financer.iml
index 31da863..e3108e3 100644
--- a/.idea/Financer.iml
+++ b/.idea/Financer.iml
@@ -16,7 +16,7 @@
     <content url="file://$MODULE_DIR$">
       <excludeFolder url="file://$MODULE_DIR$/.venv" />
     </content>
-    <orderEntry type="jdk" jdkName="Python 3.10 (Financer)" jdkType="Python SDK" />
+    <orderEntry type="jdk" jdkName="Python 3.12 (Financer)" jdkType="Python SDK" />
     <orderEntry type="sourceFolder" forTests="false" />
   </component>
   <component name="TemplatesService">
diff --git a/.idea/discord.xml b/.idea/discord.xml
new file mode 100644
index 0000000..d8e9561
--- /dev/null
+++ b/.idea/discord.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DiscordProjectSettings">
+    <option name="show" value="PROJECT_FILES" />
+    <option name="description" value="" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
index adcfb8e..ad611b4 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -3,5 +3,5 @@
   <component name="Black">
     <option name="sdkName" value="Python 3.10 (Financer)" />
   </component>
-  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.10 (Financer)" project-jdk-type="Python SDK" />
+  <component name="ProjectRootManager" version="2" project-jdk-name="Python 3.12 (Financer)" project-jdk-type="Python SDK" />
 </project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index f4f595f..2764af8 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -5,21 +5,26 @@
   </component>
   <component name="ChangeListManager">
     <list default="true" id="b0f0484e-4710-4ca5-b861-9c7f7587986a" name="Changes" comment="Init">
-      <change afterPath="$PROJECT_DIR$/FinancerApp/forms.py" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/FinancerApp/migrations/0001_initial.py" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/FinancerApp/migrations/0002_alter_user_options_remove_user_unique_username_and_more.py" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/FinancerApp/migrations/0003_alter_user_balance.py" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/db.sqlite3" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/templates/FinancerApp/index.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/templates/FinancerApp/login.html" afterDir="false" />
-      <change afterPath="$PROJECT_DIR$/templates/FinancerApp/register.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/.idea/discord.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/FinancerApp/migrations/0004_category_expense_income_delete_user.py" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/requirements.txt" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/templates/FinancerApp/create_expense.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/templates/FinancerApp/create_income.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/templates/FinancerApp/profile.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/templates/include/head.html" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/Financer.iml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/Financer.iml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/misc.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/misc.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/Financer/settings.py" beforeDir="false" afterPath="$PROJECT_DIR$/Financer/settings.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/Financer/urls.py" beforeDir="false" afterPath="$PROJECT_DIR$/Financer/urls.py" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/FinancerApp/admin.py" beforeDir="false" afterPath="$PROJECT_DIR$/FinancerApp/admin.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/FinancerApp/forms.py" beforeDir="false" afterPath="$PROJECT_DIR$/FinancerApp/forms.py" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/FinancerApp/models.py" beforeDir="false" afterPath="$PROJECT_DIR$/FinancerApp/models.py" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/FinancerApp/views.py" beforeDir="false" afterPath="$PROJECT_DIR$/FinancerApp/views.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/db.sqlite3" beforeDir="false" afterPath="$PROJECT_DIR$/db.sqlite3" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/templates/FinancerApp/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/templates/FinancerApp/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/templates/FinancerApp/login.html" beforeDir="false" afterPath="$PROJECT_DIR$/templates/FinancerApp/login.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/templates/FinancerApp/register.html" beforeDir="false" afterPath="$PROJECT_DIR$/templates/FinancerApp/register.html" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -29,8 +34,8 @@
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
       <list>
-        <option value="HTML File" />
         <option value="Python Script" />
+        <option value="HTML File" />
       </list>
     </option>
   </component>
@@ -56,6 +61,7 @@
     "RunOnceActivity.OpenDjangoStructureViewOnStart": "true",
     "RunOnceActivity.OpenProjectViewOnStart": "true",
     "RunOnceActivity.ShowReadmeOnStart": "true",
+    "SHARE_PROJECT_CONFIGURATION_FILES": "true",
     "django.template.preview.state": "SHOW_EDITOR_AND_PREVIEW",
     "git-widget-placeholder": "master",
     "node.js.detected.package.eslint": "true",
@@ -77,7 +83,6 @@
         <env name="DJANGO_SETTINGS_MODULE" value="Financer.settings" />
       </envs>
       <option name="SDK_HOME" value="" />
-      <option name="SDK_NAME" value="Python 3.10 (Financer)" />
       <option name="WORKING_DIRECTORY" value="" />
       <option name="IS_MODULE_SDK" value="false" />
       <option name="ADD_CONTENT_ROOTS" value="true" />
@@ -97,7 +102,7 @@
   <component name="SharedIndexes">
     <attachedChunks>
       <set>
-        <option value="bundled-python-sdk-50da183f06c8-2887949eec09-com.jetbrains.pycharm.pro.sharedIndexes.bundled-PY-233.13135.95" />
+        <option value="bundled-python-sdk-67fca87a943a-c986f194a52a-com.jetbrains.pycharm.pro.sharedIndexes.bundled-PY-233.11799.259" />
       </set>
     </attachedChunks>
   </component>
@@ -111,6 +116,7 @@
       <updated>1708602991206</updated>
       <workItem from="1708603024482" duration="81000" />
       <workItem from="1708603149551" duration="3361000" />
+      <workItem from="1708617067711" duration="12450000" />
     </task>
     <task id="LOCAL-00001" summary="Init">
       <option name="closed" value="true" />
diff --git a/Financer/settings.py b/Financer/settings.py
index 1de38c0..dad6db3 100644
--- a/Financer/settings.py
+++ b/Financer/settings.py
@@ -18,14 +18,13 @@
 
 # Quick-start development settings - unsuitable for production
 # See https://docs.djangoproject.com/en/5.0/howto/deployment/checklist/
-AUTH_USER_MODEL = 'FinancerApp.User'
 # SECURITY WARNING: keep the secret key used in production secret!
 SECRET_KEY = 'django-insecure-qk5&w$dyj+b5k(&thg9#9(7mtl=v(u97p*0&hzsq4c)%drd+$6'
 
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
-ALLOWED_HOSTS = []
+ALLOWED_HOSTS = ['6424-94-141-124-133.ngrok-free.app','localhost','127.0.0.1']
 
 
 # Application definition
@@ -105,7 +104,7 @@
 # Internationalization
 # https://docs.djangoproject.com/en/5.0/topics/i18n/
 
-LANGUAGE_CODE = 'en-us'
+LANGUAGE_CODE = 'ru'
 
 TIME_ZONE = 'UTC'
 
diff --git a/Financer/urls.py b/Financer/urls.py
index 2330b73..e579b29 100644
--- a/Financer/urls.py
+++ b/Financer/urls.py
@@ -16,7 +16,17 @@
 """
 from django.contrib import admin
 from django.urls import path
+from FinancerApp.views import *
+from django.contrib.auth import views as auth_views
+from django.conf.urls.static import static
 
 urlpatterns = [
     path('admin/', admin.site.urls),
+    path('login/', auth_views.LoginView.as_view(template_name='FinancerApp/login.html'), name='login'),
+    path('signin/', register_view, name='register'),
+    path('logout/', logout_view, name='logout'),
+    path('income/add',create_income,name='create_income'),
+    path('expose/add',create_expense, name='create_expense'),
+    path('', profile, name='profile'),
+    # path('', main_view, name='main_view')
 ]
diff --git a/FinancerApp/admin.py b/FinancerApp/admin.py
index 6381318..aef3a48 100644
--- a/FinancerApp/admin.py
+++ b/FinancerApp/admin.py
@@ -1,4 +1,7 @@
 from django.contrib import admin
 from FinancerApp.models import *
+
+admin.site.register(Income)
+admin.site.register(Expense)
+admin.site.register(Category)
 # Register your models here.
-admin.site.register(User)
\ No newline at end of file
diff --git a/FinancerApp/forms.py b/FinancerApp/forms.py
index 66e5e6c..390343c 100644
--- a/FinancerApp/forms.py
+++ b/FinancerApp/forms.py
@@ -1,8 +1,7 @@
+from django import forms
 from django.contrib.auth.forms import UserCreationForm
-from django.forms import forms
-
-from FinancerApp.models import User
-
+from django.contrib.auth.models import User
+from FinancerApp.models import *
 
 class SignUpForm(UserCreationForm):
     email = forms.EmailField(max_length=254)
@@ -11,3 +10,12 @@ class Meta:
         model = User
         fields = ('username', 'email', 'password1', 'password2')
 
+class IncomeForm(forms.ModelForm):
+    class Meta:
+        model = Income
+        fields = ['amount', 'category']
+
+class ExpenseForm(forms.ModelForm):
+    class Meta:
+        model = Expense
+        fields = ['amount', 'category']
\ No newline at end of file
diff --git a/FinancerApp/migrations/0004_category_expense_income_delete_user.py b/FinancerApp/migrations/0004_category_expense_income_delete_user.py
new file mode 100644
index 0000000..dfb3ac3
--- /dev/null
+++ b/FinancerApp/migrations/0004_category_expense_income_delete_user.py
@@ -0,0 +1,46 @@
+# Generated by Django 5.0.2 on 2024-02-22 15:56
+
+import django.db.models.deletion
+from django.conf import settings
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('FinancerApp', '0003_alter_user_balance'),
+        migrations.swappable_dependency(settings.AUTH_USER_MODEL),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Category',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=100)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='Expense',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('amount', models.DecimalField(decimal_places=2, max_digits=10)),
+                ('date', models.DateField()),
+                ('category', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='FinancerApp.category')),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='Income',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('amount', models.DecimalField(decimal_places=2, max_digits=10)),
+                ('date', models.DateField()),
+                ('category', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='FinancerApp.category')),
+                ('user', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL)),
+            ],
+        ),
+        migrations.DeleteModel(
+            name='User',
+        ),
+    ]
diff --git a/FinancerApp/models.py b/FinancerApp/models.py
index 5ed318e..1445bcd 100644
--- a/FinancerApp/models.py
+++ b/FinancerApp/models.py
@@ -1,9 +1,26 @@
-from django.contrib.auth.models import AbstractUser
-from django.db import models
 
+from django.db import models
+from django.contrib.auth.models import User
 
-class User(AbstractUser):
-    balance = models.IntegerField(default=0)
 
+class Category(models.Model):
+    name = models.CharField(max_length=100)
     def __str__(self):
-        return self.username
+        return self.name
+
+
+class Income(models.Model):
+    user = models.ForeignKey(User, on_delete=models.CASCADE)
+    amount = models.DecimalField(max_digits=10, decimal_places=2)
+    date = models.DateField(auto_now=True)
+    category = models.ForeignKey(Category, on_delete=models.CASCADE)
+
+
+
+class Expense(models.Model):
+    user = models.ForeignKey(User, on_delete=models.CASCADE)
+    amount = models.DecimalField(max_digits=10, decimal_places=2)
+    date = models.DateField(auto_now=True)
+    category = models.ForeignKey(Category, on_delete=models.CASCADE)
+
+
diff --git a/FinancerApp/views.py b/FinancerApp/views.py
index 342cb42..9cf7d03 100644
--- a/FinancerApp/views.py
+++ b/FinancerApp/views.py
@@ -1,9 +1,15 @@
-from django.contrib.auth import authenticate, login
+from itertools import chain
+
+from django.contrib import auth
+from django.contrib.auth import authenticate, login, logout
+from django.contrib.auth.decorators import login_required
 from django.contrib.auth.forms import AuthenticationForm
+from django.db.models.functions import TruncMonth
 from django.shortcuts import render, redirect
-
-from FinancerApp.forms import SignUpForm
-
+from django.db.models import Sum
+from FinancerApp.forms import SignUpForm, IncomeForm, ExpenseForm
+from FinancerApp.models import Income, Expense
+from collections import defaultdict
 
 # Create your views here.
 def login_view(request):
@@ -12,13 +18,13 @@ def login_view(request):
         if form.is_valid():
             username = form.cleaned_data.get('username')
             password = form.cleaned_data.get('password')
-            user = authenticate(username=username, password=password)
+            user = authenticate(request, username=username, password=password)
             if user is not None:
                 login(request, user)
-                return redirect('home')
+                return redirect('profile')
     else:
         form = AuthenticationForm()
-    return render(request, 'SN/login.html', {'form': form})
+    return render(request, 'FinancerApp/login.html', {'form': form})
 def register_view(request):
     if request.method == 'POST':
         form = SignUpForm(request.POST)
@@ -28,7 +34,114 @@ def register_view(request):
             password = form.cleaned_data.get('password1')  # Use password1 for the password field
             user = authenticate(username=username, password=password)
             login(request, user)
-            return redirect('home')
+            return redirect('profile')
     else:
         form = SignUpForm()
-    return render(request, 'SN/register.html', {'form': form})
\ No newline at end of file
+    return render(request, 'FinancerApp/register.html', {'form': form})
+
+
+def logout_view(request):
+    logout(request)
+    return redirect('login')
+
+# @login_required(login_url='login')
+# def main_view(request):
+#     incomes_per_day = Income.objects.filter(user=request.user).values('date').annotate(total_amount=Sum('amount'))
+#     expenses_per_day = Expense.objects.filter(user=request.user).values('date').annotate(total_amount=Sum('amount'))
+#
+#     # Создаем словарь, в котором ключами будут даты, а значениями будут суммы доходов и расходов за каждый день
+#     transactions_per_day = {}
+#     for income in incomes_per_day:
+#         transactions_per_day[income['date']] = {'income': income['total_amount'], 'expense': 0}
+#
+#     for expense in expenses_per_day:
+#         if expense['date'] in transactions_per_day:
+#             transactions_per_day[expense['date']]['expense'] = expense['total_amount']
+#         else:
+#             transactions_per_day[expense['date']] = {'income': 0, 'expense': expense['total_amount']}
+#
+#     return render(request, 'FinancerApp/index.html', {'transactions_per_day': transactions_per_day})
+
+@login_required(login_url='login')
+def profile(request):
+    if request.user.is_authenticated:
+        # Пользователь аутентифицирован, можно продолжать
+        if request.method == 'GET':
+            # По умолчанию отображаем транзакции по месяцам
+            transactions_per_month = get_transactions_per_month(request.user)
+            transactions_per_day = None
+
+        elif request.method == 'POST':
+            if 'toggle' in request.POST:
+                # Обработка переключения между вкладками
+                if request.POST['toggle'] == 'month':
+                    transactions_per_month = get_transactions_per_month(request.user)
+                    transactions_per_day = None
+                elif request.POST['toggle'] == 'day':
+                    transactions_per_day = get_transactions_per_day(request.user)
+                    transactions_per_month = None
+
+        return render(request, 'FinancerApp/profile.html', {'transactions_per_month': transactions_per_month, 'transactions_per_day': transactions_per_day})
+    else:
+        # Пользователь не аутентифицирован, перенаправляем на страницу входа
+        return redirect('login')
+
+def get_transactions_per_month(user):
+    # Получаем сумму доходов и расходов за каждый месяц
+    incomes_per_month = Income.objects.filter(user=user).annotate(month=TruncMonth('date')).values('month').annotate(total_amount=Sum('amount'))
+    expenses_per_month = Expense.objects.filter(user=user).annotate(month=TruncMonth('date')).values('month').annotate(total_amount=Sum('amount'))
+
+    # Создаем словарь, в котором ключами будут месяцы, а значениями будут суммы доходов и расходов за каждый месяц
+    transactions_per_month = {}
+    for income in incomes_per_month:
+        transactions_per_month[income['month']] = {'income': income['total_amount'], 'expense': 0}
+
+    for expense in expenses_per_month:
+        if expense['month'] in transactions_per_month:
+            transactions_per_month[expense['month']]['expense'] = expense['total_amount']
+        else:
+            transactions_per_month[expense['month']] = {'income': 0, 'expense': expense['total_amount']}
+
+    return transactions_per_month
+
+def get_transactions_per_day(user):
+    # Получаем сумму доходов и расходов за каждый день
+    incomes_per_day = Income.objects.filter(user=user).values('date').annotate(total_amount=Sum('amount'))
+    expenses_per_day = Expense.objects.filter(user=user).values('date').annotate(total_amount=Sum('amount'))
+
+    # Создаем словарь, в котором ключами будут даты, а значениями будут суммы доходов и расходов за каждый день
+    transactions_per_day = {}
+    for income in incomes_per_day:
+        transactions_per_day[income['date']] = {'income': income['total_amount'], 'expense': 0}
+
+    for expense in expenses_per_day:
+        if expense['date'] in transactions_per_day:
+            transactions_per_day[expense['date']]['expense'] = expense['total_amount']
+        else:
+            transactions_per_day[expense['date']] = {'income': 0, 'expense': expense['total_amount']}
+
+    return transactions_per_day
+
+def create_income(request):
+    if request.method == 'POST':
+        form = IncomeForm(request.POST)
+        if form.is_valid():
+            income = form.save(commit=False)
+            income.user = request.user
+            income.save()
+            return redirect('profile')
+    else:
+        form = IncomeForm()
+    return render(request, 'FinancerApp/create_income.html', {'form': form})
+
+def create_expense(request):
+    if request.method == 'POST':
+        form = ExpenseForm(request.POST)
+        if form.is_valid():
+            expense = form.save(commit=False)
+            expense.user = request.user
+            expense.save()
+            return redirect('profile')
+    else:
+        form = ExpenseForm()
+    return render(request, 'FinancerApp/create_expense.html', {'form': form})
\ No newline at end of file
diff --git a/db.sqlite3 b/db.sqlite3
index b9793a4..793a623 100644
Binary files a/db.sqlite3 and b/db.sqlite3 differ
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..39ecad5
Binary files /dev/null and b/requirements.txt differ
diff --git a/templates/FinancerApp/create_expense.html b/templates/FinancerApp/create_expense.html
new file mode 100644
index 0000000..d997986
--- /dev/null
+++ b/templates/FinancerApp/create_expense.html
@@ -0,0 +1,30 @@
+{% include 'include/head.html' %}
+
+<div class="container mt-5">
+    <div class="row justify-content-center">
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-body">
+                    <h2 class="card-title text-center">Создать расход</h2>
+                    <form method="post" class="mt-3">
+                        {% csrf_token %}
+                        <div class="form-group">
+                            {{ form.amount.label_tag }}
+                            <input type="number" name="amount" placeholder="Сумма" class="form-control">
+                        </div>
+                        <div class="form-group">
+                            {{ form.category.label_tag }}
+                            <select name="category" class="form-control">
+                                <option value="" selected disabled>Выберите категорию</option>
+                                {% for category in form.category.field.choices %}
+                                    <option value="{{ category.0 }}">{{ category.1 }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <button class="btn btn-primary btn-block" type="submit">Отправить</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/templates/FinancerApp/create_income.html b/templates/FinancerApp/create_income.html
new file mode 100644
index 0000000..7e1902a
--- /dev/null
+++ b/templates/FinancerApp/create_income.html
@@ -0,0 +1,31 @@
+{% include 'include/head.html' %}
+
+
+<div class="container mt-5">
+    <div class="row justify-content-center">
+        <div class="col-md-6">
+            <div class="card">
+                <div class="card-body">
+                    <h2 class="card-title text-center">Создать Доход</h2>
+                    <form method="post" class="mt-3">
+                        {% csrf_token %}
+                        <div class="form-group">
+                           
+                            <input type="number" name="amount" placeholder="Сумма" class="form-control">
+                        </div>
+                        <div class="form-group">
+                            
+                            <select name="category" class="form-control">
+                                <option value="" selected disabled>Выберите категорию</option>
+                                {% for category in form.category.field.choices %}
+                                    <option value="{{ category.0 }}">{{ category.1 }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <button class="btn btn-primary btn-block" type="submit">Отправить</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/templates/FinancerApp/index.html b/templates/FinancerApp/index.html
index 566549b..adde033 100644
--- a/templates/FinancerApp/index.html
+++ b/templates/FinancerApp/index.html
@@ -1,10 +1,27 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
+{% include 'include/head.html' %}
+{% block content %}
+ <div class="container mt-5">
+    <h1 class="text-center">Транзакции по дням</h1>
+    <div class="table-responsive">
+        <table class="table table-striped">
+            <thead>
+                <tr>
+                    <th>Дата</th>
+                    <th>Доходы</th>
+                    <th>Расходы</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for date, transactions in transactions_per_day.items %}
+                <tr>
+                    <td>{{ date }}</td>
+                    <td>{{ transactions.income }}</td>
+                    <td>{{ transactions.expense }}</td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>
 
-</body>
-</html>
\ No newline at end of file
+{% endblock %}
diff --git a/templates/FinancerApp/login.html b/templates/FinancerApp/login.html
index 566549b..5bf8e8e 100644
--- a/templates/FinancerApp/login.html
+++ b/templates/FinancerApp/login.html
@@ -1,10 +1,25 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
+{% include 'include/head.html' %}
+{% block content %}
 
-</body>
-</html>
\ No newline at end of file
+    <div class="container mt-5">
+        <div class="row justify-content-center">
+            <div class="col-md-6">
+                <div class="card">
+                    <div class="card-body">
+                        <h2 class="card-title text-center">Авторизация</h2>
+                        <form method="post" class="mt-3">
+                            {% csrf_token %}
+                            <div class="form-group">
+                                <input type="text" name="username" placeholder="Имя пользователя" class="form-control">
+                            </div>
+                            <div class="form-group">
+                                <input type="password" name="password" placeholder="Пароль" class="form-control">
+                            </div>
+                            <button class="btn btn-primary btn-block" type="submit">Войти</button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}
diff --git a/templates/FinancerApp/profile.html b/templates/FinancerApp/profile.html
new file mode 100644
index 0000000..56dffe9
--- /dev/null
+++ b/templates/FinancerApp/profile.html
@@ -0,0 +1,175 @@
+{% include 'include/head.html' %}
+
+<div class="container mt-5">
+    <h1 class="text-center">Профиль пользователя {{ user.username }}</h1>
+    
+    <!-- Кнопки для переключения -->
+    <div class="text-center mt-4 mb-3">
+        <button class="btn btn-primary mb-2 mb-md-0 mr-md-2" id="toggleMonthTransactions">Транзакции по месяцам</button>
+        <button class="btn btn-primary mb-2 mb-md-0 mr-md-2" id="toggleDayTransactions">Транзакции по дням</button>
+        <button class="btn btn-primary mb-2 mb-md-0 mr-md-2" id="toggleMonthChart">Диаграмма по месяцам</button>
+        <button class="btn btn-primary mb-2 mb-md-0" id="toggleYearChart">Диаграмма по годам</button>
+    </div>
+    
+    <!-- Блоки с информацией -->
+    <div id="monthTransactions" style="display: none;">
+        <h2 class="text-center">Доходы и расходы по месяцам</h2>
+        <div class="table-responsive">
+            <table class="table table-striped">
+                <thead>
+                    <tr>
+                        <th>Месяц</th>
+                        <th>Доходы</th>
+                        <th>Расходы</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for month, transactions in transactions_per_month.items %}
+                    <tr>
+                        <td>{{ month|date:"F Y" }}</td>
+                        <td>{{ transactions.income }}</td>
+                        <td>{{ transactions.expense }}</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+    
+    <div id="dayTransactions" style="display: none;">
+        <h2 class="text-center">Транзакции по дням</h2>
+        <div class="table-responsive">
+            <table class="table table-striped">
+                <thead>
+                    <tr>
+                        <th>Дата</th>
+                        <th>Доходы</th>
+                        <th>Расходы</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for date, transactions in transactions_per_day.items %}
+                    <tr>
+                        <td>{{ date }}</td>
+                        <td>{{ transactions.income }}</td>
+                        <td>{{ transactions.expense }}</td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+    
+    <div id="monthChart" style="display: none;">
+        <h2 class="text-center">Диаграмма по месяцам</h2>
+        <canvas id="monthChartCanvas"></canvas>
+    </div>
+    
+    <div id="yearChart" style="display: none;">
+        <h2 class="text-center">Диаграмма по годам</h2>
+        <canvas id="yearChartCanvas"></canvas>
+    </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+<script>
+    // JavaScript для переключения между блоками информации
+    document.getElementById("toggleMonthTransactions").addEventListener("click", function() {
+        document.getElementById("monthTransactions").style.display = "block";
+        document.getElementById("dayTransactions").style.display = "none";
+        document.getElementById("monthChart").style.display = "none";
+        document.getElementById("yearChart").style.display = "none";
+    });
+
+    document.getElementById("toggleDayTransactions").addEventListener("click", function() {
+        document.getElementById("monthTransactions").style.display = "none";
+        document.getElementById("dayTransactions").style.display = "block";
+        document.getElementById("monthChart").style.display = "none";
+        document.getElementById("yearChart").style.display = "none";
+    });
+
+    document.getElementById("toggleMonthChart").addEventListener("click", function() {
+        document.getElementById("monthTransactions").style.display = "none";
+        document.getElementById("dayTransactions").style.display = "none";
+        document.getElementById("monthChart").style.display = "block";
+        document.getElementById("yearChart").style.display = "none";
+
+        // Генерация диаграммы по месяцам
+        var ctx = document.getElementById('monthChartCanvas').getContext('2d');
+        var myChart = new Chart(ctx, {
+            type: 'bar',
+            data: {
+                labels: [{% for month, transactions in transactions_per_month.items %}'{{ month|date:"F Y" }}',{% endfor %}],
+                datasets: [{
+                    label: 'Доходы',
+                    data: [{% for month, transactions in transactions_per_month.items %}{{ transactions.income }},{% endfor %}],
+                    backgroundColor: 'rgba(54, 162, 235, 0.2)',
+                    borderColor: 'rgba(54, 162, 235, 1)',
+                    borderWidth: 1
+                }, {
+                    label: 'Расходы',
+                    data: [{% for month, transactions in transactions_per_month.items %}{{ transactions.expense }},{% endfor %}],
+                    backgroundColor: 'rgba(255, 99, 132, 0.2)',
+                    borderColor: 'rgba(255, 99, 132, 1)',
+                    borderWidth: 1
+                }]
+            },
+            options: {
+                scales: {
+                    yAxes: [{
+                        ticks: {
+                            beginAtZero: true
+                        }
+                    }]
+                }
+            }
+        });
+    });
+
+    document.getElementById("toggleYearChart").addEventListener("click", function() {
+        document.getElementById("monthTransactions").style.display = "none";
+        document.getElementById("dayTransactions").style.display = "none";
+        document.getElementById("monthChart").style.display = "none";
+        document.getElementById("yearChart").style.display = "block";
+
+        // Генерация диаграммы по годам
+        var ctx = document.getElementById('yearChartCanvas').getContext('2d');
+        var myChart = new Chart(ctx, {
+            type: 'line',
+            data: {
+                labels: [{% for year, transactions in transactions_per_year.items %}'{{ year }}',{% endfor %}],
+                datasets: [{
+                    label: 'Доходы',
+                    data: [{% for year, transactions in transactions_per_year.items %}{{ transactions.income }},{% endfor %}],
+                    backgroundColor: 'rgba(54, 162, 235, 0.2)',
+                    borderColor: 'rgba(54, 162, 235, 1)',
+                    borderWidth: 1
+                }, {
+                    label: 'Расходы',
+                    data: [{% for year, transactions in transactions_per_year.items %}{{ transactions.expense }},{% endfor %}],
+                    backgroundColor: 'rgba(255, 99, 132, 0.2)',
+                    borderColor: 'rgba(255, 99, 132, 1)',
+                    borderWidth: 1
+                }]
+            },
+            options: {
+                scales: {
+                    yAxes: [{
+                        ticks: {
+                            beginAtZero: true
+                        }
+                    }]
+                }
+            }
+        });
+    });
+
+    // JavaScript для адаптивности
+    var screenWidth = window.innerWidth;
+    if (screenWidth < 576) {
+        document.querySelectorAll('.btn').forEach(function(btn) {
+            btn.classList.remove('mb-2', 'mb-md-0', 'mr-md-2');
+            btn.classList.add('mb-2', 'mr-2');
+        });
+    }
+</script>
diff --git a/templates/FinancerApp/register.html b/templates/FinancerApp/register.html
index 566549b..e443773 100644
--- a/templates/FinancerApp/register.html
+++ b/templates/FinancerApp/register.html
@@ -1,10 +1,30 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
+{% include 'include/head.html' %}
+{% block content %}
+  <div class="container mt-5">
+    <div class="row justify-content-center">
+      <div class="col-md-6">
+        <div class="card">
+          <div class="card-body">
+            <h2 class="card-title text-center">Регистрация</h2>
+            <form method="post" action="{% url 'register' %}" class="mt-3">
+              {% csrf_token %}
+              <div class="form-group">
+                <input type="text" name="username" placeholder="Имя пользователя" class="form-control">
+              </div>
+              <div class="form-group">
+                <input type="email" name="email" placeholder="Email" class="form-control">
+              </div>
+              <div class="form-group">
+                <input type="password" name="password1" placeholder="Пароль" class="form-control">
+              </div>
+              <div class="form-group">
+                <input type="password" name="password2" placeholder="Подтверждение пароля" class="form-control">
+              </div>
+              <button class="btn btn-primary btn-block" type="submit">Зарегистрироваться</button>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock %}
diff --git a/templates/include/head.html b/templates/include/head.html
new file mode 100644
index 0000000..5e0ccd0
--- /dev/null
+++ b/templates/include/head.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    <title>Title</title>
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+        <div class="container px-4 px-lg-5">
+            <a class="navbar-brand" href="{% url 'profile' %}">Financer</a>
+
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
+                    <li class="nav-item">
+                        {% if user.is_authenticated %}
+                            <a class="nav-link" href="{% url 'create_expense' %}">Добавить трату</a>
+                        {% endif %}
+                    </li>
+                    <li class="nav-item">
+                        {% if user.is_authenticated %}
+                            <a class="nav-link" href="{% url 'create_income' %}">Добавить доход</a>
+                        {% endif %}
+                    </li>
+                </ul>
+
+                <ul class="navbar-nav">
+                    <li class="nav-item">
+                        {% if user.is_authenticated %}
+                            <span class="nav-link">{{ user.username }}</span>
+                            <a class="nav-link" href="{% url 'logout' %}">Выход</a>
+                        {% else %}
+                            <a class="nav-link" href="{% url 'login' %}">Вход</a>
+                            <a class="nav-link" href="{% url 'register' %}">Регистрация</a>
+                        {% endif %}
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
\ No newline at end of file