- {/* Mobile sidebar */}
-
- );
-};
\ No newline at end of file
diff --git a/7project/frontend/src/components/Login.tsx b/7project/frontend/src/components/Login.tsx
deleted file mode 100644
index c1d1ba0..0000000
--- a/7project/frontend/src/components/Login.tsx
+++ /dev/null
@@ -1,126 +0,0 @@
-import React, { useState } from 'react';
-import { Link, useNavigate } from 'react-router-dom';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import * as yup from 'yup';
-import { DollarSign, Eye, EyeOff } from 'lucide-react';
-import { useAuth } from '../contexts/AuthContext';
-import { LoginCredentials } from '../types';
-
-const schema = yup.object({
- email: yup.string().email('Invalid email').required('Email is required'),
- password: yup.string().required('Password is required'),
-});
-
-export const Login: React.FC = () => {
- const [showPassword, setShowPassword] = useState(false);
- const [error, setError] = useState('');
- const { login } = useAuth();
- const navigate = useNavigate();
-
- const {
- register,
- handleSubmit,
- formState: { errors, isSubmitting },
- } = useForm
-
-
- {/* Desktop sidebar */}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* Main content */}
-
-
-
-
-
-
-
-
- {/* Header */}
-
- {children}
-
-
-
-
-
-
-
- {/* Page content */}
-
-
-
-
- - {navigation.find(item => item.href === location.pathname)?.name || 'Finance Tracker'} -
-
-
-
-
-
- Welcome, {user?.first_name || user?.email?.split('@')[0]}
-
-
-
-
- );
-};
\ No newline at end of file
diff --git a/7project/frontend/src/components/ProtectedRoute.tsx b/7project/frontend/src/components/ProtectedRoute.tsx
deleted file mode 100644
index c3fa336..0000000
--- a/7project/frontend/src/components/ProtectedRoute.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import { Navigate } from 'react-router-dom';
-import { useAuth } from '../contexts/AuthContext';
-
-interface ProtectedRouteProps {
- children: React.ReactNode;
-}
-
-export const ProtectedRoute: React.FC
-
-
-
-
-
-
- - Sign in to your account -
-- Or{' '} - - create a new account - -
-
-
-
- );
- }
-
- if (!user) {
- return
-
- );
-};
\ No newline at end of file
diff --git a/7project/frontend/src/components/TransactionForm.tsx b/7project/frontend/src/components/TransactionForm.tsx
deleted file mode 100644
index 52cdbc1..0000000
--- a/7project/frontend/src/components/TransactionForm.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-import React from 'react';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import * as yup from 'yup';
-import { Transaction, Category } from '../types';
-import { X } from 'lucide-react';
-
-const schema = yup.object({
- amount: yup.number().required('Amount is required').min(0.01, 'Amount must be greater than 0'),
- description: yup.string().required('Description is required'),
- category_id: yup.string().required('Category is required'),
- date: yup.string().required('Date is required'),
- type: yup.string().oneOf(['income', 'expense', 'transfer']).required('Type is required'),
-});
-
-type FormData = yup.InferType
-
-
-
-
-
-
- - Create your account -
-- Or{' '} - - sign in to your existing account - -
-
-
- );
-};
\ No newline at end of file
diff --git a/7project/frontend/src/components/Transactions.tsx b/7project/frontend/src/components/Transactions.tsx
deleted file mode 100644
index 853c1aa..0000000
--- a/7project/frontend/src/components/Transactions.tsx
+++ /dev/null
@@ -1,207 +0,0 @@
-import React, { useState } from 'react';
-import { Plus, Edit, Trash2, Search, Filter } from 'lucide-react';
-import { useTransactions } from '../hooks/useTransactions';
-import { TransactionForm } from './TransactionForm';
-import { Transaction } from '../types';
-
-export const Transactions: React.FC = () => {
- const { transactions, categories, createTransaction, updateTransaction, deleteTransaction, loading } = useTransactions();
- const [showForm, setShowForm] = useState(false);
- const [editingTransaction, setEditingTransaction] = useState
-
-
-
-
-
- - {transaction ? 'Edit Transaction' : 'Add Transaction'} -
- -
-
- );
- }
-
- return (
-
-
-
-
- {[...Array(5)].map((_, i) => (
-
- ))}
-
-
-
- );
-};
\ No newline at end of file
diff --git a/7project/frontend/src/config/api.ts b/7project/frontend/src/config/api.ts
deleted file mode 100644
index f0e6e7f..0000000
--- a/7project/frontend/src/config/api.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-export const API_CONFIG = {
- baseURL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:8000',
- environment: import.meta.env.VITE_ENVIRONMENT || 'development',
-} as const;
-
-export const API_ENDPOINTS = {
- // Auth endpoints (fastapi-users)
- auth: {
- login: '/auth/jwt/login',
- logout: '/auth/jwt/logout',
- register: '/auth/register',
- me: '/users/me',
- refresh: '/auth/jwt/refresh',
- },
- // User endpoints
- users: {
- profile: '/users/me',
- update: '/users/me',
- },
- // Transaction endpoints
- transactions: {
- list: '/transactions',
- create: '/transactions',
- update: (id: string) => `/transactions/${id}`,
- delete: (id: string) => `/transactions/${id}`,
- },
- // Category endpoints
- categories: {
- list: '/categories',
- create: '/categories',
- update: (id: string) => `/categories/${id}`,
- delete: (id: string) => `/categories/${id}`,
- },
-} as const;
\ No newline at end of file
diff --git a/7project/frontend/src/contexts/AuthContext.tsx b/7project/frontend/src/contexts/AuthContext.tsx
deleted file mode 100644
index a16f96e..0000000
--- a/7project/frontend/src/contexts/AuthContext.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react';
-import { User, AuthTokens, LoginCredentials, RegisterData } from '../types';
-import { apiClient } from '../utils/api';
-import { API_ENDPOINTS } from '../config/api';
-
-interface AuthContextType {
- user: User | null;
- loading: boolean;
- login: (credentials: LoginCredentials) => Promise
-
-
- {/* Transactions List */}
-
-
-
- {/* Search and Filter */}
- Transactions
- -
-
-
-
-
-
-
- {filteredTransactions.length > 0 ? (
-
-
- {/* Transaction Form Modal */}
- {showForm && (
-
- {filteredTransactions.map((transaction) => (
-
- ) : (
-
-
- ))}
-
-
-
-
-
-
-
-
- {transaction.category?.name.charAt(0).toUpperCase() || 'T'}
-
-
-
- - {transaction.description} -
-
-
- {transaction.category?.name}
-
- •
-
- {new Date(transaction.date).toLocaleDateString()}
-
- •
-
- {transaction.type}
-
-
-
-
- {transaction.type === 'income' ? '+' : '-'}${transaction.amount.toFixed(2)}
-
-
-
-
-
-
-
-
-
- )}
-
-
- No transactions found
-- {searchTerm || filterType !== 'all' - ? 'Try adjusting your search or filter criteria.' - : 'Get started by adding your first transaction.' - } -
- {!searchTerm && filterType === 'all' && ( - - )} -Vite + React
-
-
-
-
- Edit src/App.tsx and save to test HMR
-
- Click on the Vite and React logos to learn more -
- - ) -} - -export default App diff --git a/frontend/src/assets/react.svg b/frontend/src/assets/react.svg deleted file mode 100644 index 6c87de9..0000000 --- a/frontend/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/src/index.css b/frontend/src/index.css deleted file mode 100644 index 08a3ac9..0000000 --- a/frontend/src/index.css +++ /dev/null @@ -1,68 +0,0 @@ -:root { - font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; - - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; - - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} - -body { - margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; -} - -h1 { - font-size: 3.2em; - line-height: 1.1; -} - -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; -} - -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } -} diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx deleted file mode 100644 index bef5202..0000000 --- a/frontend/src/main.tsx +++ /dev/null @@ -1,10 +0,0 @@ -import { StrictMode } from 'react' -import { createRoot } from 'react-dom/client' -import './index.css' -import App from './App.tsx' - -createRoot(document.getElementById('root')!).render( -