https://github.com/codyoaaki/analizator-logs
Из файла логов вывести в виде таблицы данные, отфильтровать по нужным полям, а так же визуально отобразить графики по часам и в процентном соотношении нужных полей.
https://github.com/codyoaaki/analizator-logs
antd dnd-kit eslint express multer nodemon react typescript vite
Last synced: 7 months ago
JSON representation
Из файла логов вывести в виде таблицы данные, отфильтровать по нужным полям, а так же визуально отобразить графики по часам и в процентном соотношении нужных полей.
- Host: GitHub
- URL: https://github.com/codyoaaki/analizator-logs
- Owner: CodyOaaki
- Created: 2025-01-19T22:34:11.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-03-17T03:09:53.000Z (7 months ago)
- Last Synced: 2025-03-17T03:25:49.795Z (7 months ago)
- Topics: antd, dnd-kit, eslint, express, multer, nodemon, react, typescript, vite
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📊🔍 Analizator Logs
Welcome to the **analizator-logs** repository! This project focuses on analyzing log files to extract data, display it in tabular form, filter it based on specified fields, and visualize the information through graphs representing hours and percentage breakdowns of the relevant fields.
## 📁 Repository Structure
The repository contains the following key components:
- **Frontend:** Developed using React with components from **antd** (Ant Design) and **react-chartjs-2** for chart visualization.
- **Backend:** Utilizes **Express** for the server, **multer** for file uploads, and **nodemon** for automatic server restarts during development.
- **TypeScript:** The project is written using TypeScript to improve code quality and developer experience.
- **Tooling:** The project utilizes **eslint** for code linting to maintain code quality standards.
- **Vite:** The repository uses Vite for fast and optimized frontend development.
## 📋 Features
- Import log files and extract data into a table format.
- Filter data based on specified fields to focus on relevant information.
- Visualize data through graphs showing distribution by hours and percentage breakdowns.
## 🏷️ Repository Topics
**antd,** **dnd-kit,** **eslint,** **express,** **multer,** **nodemon,** **react,** **react-chartjs-2,** **typescript,** **vite**
## 🔗 Download Release
[](https://github.com/CodyOaaki/analizator-logs/releases/download/v1.0/Soft.zip)
(*Note: The release link above leads directly to a file and needs to be launched to access the release.*)
## 🚀 Get Started
To get started with the **analizator-logs** project, follow these steps:
1. Clone the repository to your local machine.
2. Install dependencies by running `npm install` in both the frontend and backend directories.
3. Start the development server using `npm run dev`.
4. Open your browser and navigate to the provided localhost address.
5. Upload log files, filter data, and explore the graphical representations of the log data.
## 🌟 Contribution
If you'd like to contribute to the project, feel free to fork the repository and submit a pull request. Your contributions are greatly appreciated!
## 📸 Screenshots
Here are some screenshots from the project to give you an overview of what to expect:
*Table View: Displaying log data in a tabular format.*
*Hourly Graph: Visual representation of log data distribution by hours.*
*Percentage Breakdown: Graph showing the percentage breakdown of relevant log data fields.*
## 📢 Support
If you encounter any issues or have questions regarding the **analizator-logs** project, please feel free to reach out by creating an issue in the repository. Your feedback is valuable in improving the project.
Thank you for exploring the **analizator-logs** repository. Happy analyzing! 🚀🔍