https://github.com/ostrynska/transaction-tracker
https://github.com/ostrynska/transaction-tracker
react react-hook-form react-icons react-paginate react-query react-router sqljs typescript vite
Last synced: 28 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/ostrynska/transaction-tracker
- Owner: Ostrynska
- Created: 2024-06-26T12:15:22.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-30T17:04:36.000Z (almost 2 years ago)
- Last Synced: 2025-10-07T11:45:52.101Z (8 months ago)
- Topics: react, react-hook-form, react-icons, react-paginate, react-query, react-router, sqljs, typescript, vite
- Language: TypeScript
- Homepage: https://transaction-tracker-test.netlify.app
- Size: 292 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Transaction Management Application
This application is designed to manage transactions efficiently, allowing users to import, export, edit, and delete transactions with ease. Built with modern React practices, it ensures a smooth and responsive user experience.
## Features
- **Import Transactions**: Upload a CSV file to import transaction data into the application.
- **Export Transactions**: Download filtered transaction data as a CSV file, with the ability to select specific columns.
- **Transaction List**: View transactions in a paginated table with sorting and searching capabilities.
- **Edit Transactions**: Modify the status of transactions through a modal form with validation.
- **Delete Transactions**: Remove transactions with a confirmation dialog to prevent accidental deletions.
## Technologies Used
- **React**: Frontend library for building user interfaces.
- **TypeScript**: Superset of JavaScript for type safety.
- **React Query**: Data fetching and state management for server state.
- **react-hook-form**: Library for handling forms and validation.
- **ChakraUI**: Component library for styling and layout.
- **Vite**: Build tool for faster and leaner development experience.
- **SQLite**: Embedded SQL database for storing transaction data.
- **Recharts**: Library for creating data visualizations, such as charts and graphs.
## Getting Started
### Prerequisites
- Node.js and npm installed on your machine.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/transaction-management.git
cd transaction-management
2. Install dependencies:
```bash
npm install
### Running the Application
1. Start the development server:
```bash
npm run dev
2. Open your browser and navigate to http://localhost:3000.
### Building for Production
1. Build the application:
```bash
npm run build
2. Serve the built application:
```bash
npm run serve
## Additional Information
- **Author**: [Ostrynska Kateryna](https://ostrynska-kateryna.netlify.app/)
- For further inquiries or assistance, feel free to reach out to the author via [email](mailto:kateriinag@gmail.com) or the [website contact form](https://ostrynska-kateryna.netlify.app/contact).
🎉