Log File Analyzer

A web application for analyzing log files, featuring a React frontend and Flask backend. Upload log files to extract insights such as total logs processed, unique IPs detected, and detailed findings.

Features

• Upload and analyze log files
• Display total logs and unique IPs
• View detailed findings in a table format
• Responsive UI with animations

Tech Stack

• Backend: Flask (Python)
• Frontend: React with Vite, Tailwind CSS
• Libraries: Axios for API calls, Framer Motion for animations

Prerequisites

• Python 3.8 or higher
• Node.js 16 or higher
• npm or yarn

Installation

Backend

1. Navigate to the backend directory:

   cd backend
   

2. Install Python dependencies:

   pip install -r requirements.txt
   

Frontend

1. Navigate to the frontend directory:

   cd frontend
   

2. Install Node.js dependencies:

   npm install
   

Running the Application

Backend

1. From the backend directory, run the Flask server:

   python app.py
   

   The backend will run on http://127.0.0.1:5000.

Frontend

1. From the frontend directory, start the development server:

   npm run dev
   

   The frontend will run on http://localhost:5173.

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

Usage

1. Upload a log file using the upload box on the dashboard.
2. The application will analyze the file and display:
   • Total logs processed
   • Number of unique IPs
   • A table of findings and top IPs

Project Structure

log-file-analyzer/
├── backend/
│   ├── app.py
│   ├── requirements.txt
│   └── analyzer/
│       ├── __init__.py
│       └── log_parser.py
├── frontend/
│   ├── package.json
│   ├── vite.config.js
│   └── src/
│       ├── App.jsx
│       ├── main.jsx
│       └── components/
│           ├── UploadBox.jsx
│           ├── ReportCard.jsx
│           └── FindingsTable.jsx
└── README.md

Contributing

Feel free to submit issues or pull requests for improvements.

License

This project is open-source. See LICENSE for details.