Money-Guard

Money-Guard is a personal accounting application that helps users manage their income and expenses. The application offers a variety of features including authorization, currency exchange rates for dollars and euros, and detailed statistics with graphical representations of financial data. The app is responsive and works seamlessly on all types of devices.

Features

• Authorization System: Secure user login and registration.
• Currency Exchange Rates: Real-time exchange rates for USD and EUR.
• Statistics Page: Graphical representation of expenses and incomes for a selected month or year.
• Home Page: General list of all transactions.
• Responsive Design: Compatible with all device sizes.

Tech Stack

• Frontend: React.js
• Bundler: Vite
• Backend: Node.js

Libraries Used

• axios: ^1.7.2
• chart.js: ^4.4.3
• clsx: ^2.1.1
• formik: ^2.4.6
• framer-motion: ^11.2.10
• modern-normalize: ^2.0.0
• react: ^18.2.0
• react-chartjs-2: ^5.2.0
• react-datepicker: ^6.9.0
• react-dom: ^18.2.0
• react-icons: ^5.2.1
• react-loader-spinner: ^6.1.6
• react-password-strength-bar: ^0.4.1
• react-redux: ^9.1.2
• react-responsive: ^10.0.0
• react-router-dom: ^6.23.1
• react-select: ^5.8.0
• react-toastify: ^10.0.5
• redux-persist: ^6.0.0
• yup: ^1.4.0

Installation

1. Clone the repository:

   git clone https://github.com/Lubov1506/Money-Guard.git

2. Navigate to the project directory:

   cd money-guard

3. Install the dependencies:

   npm install

Usage

1. Start the development server:

   npm run dev

2. Open your browser and go to http://localhost:5173 to see the application running.

Contact

For any inquiries or feedback, please contact with any of repository contributors.