This is the frontend of the Legal Document Analysis system, built using Next.js. It provides an intuitive UI for users to submit legal documents for analysis, track job statuses, and view reports.
Below are some screenshots of the application in action:
- User-friendly UI for document submission and tracking
- Real-time job status updates
- MngoDB to track everything
- Chat with the docs to know the thinking process of the agents
- Provide you with a complient document at the end
- Seamless integration with the backend FastAPI service
- Responsive design for optimal viewing across devices
- Next.js - React framework for server-side rendering and static site generation
- Tailwind CSS - Styling framework for a modern UI
- Axios - HTTP client for API communication
- React Query - Data fetching and state management
- Vercel - hosting
- Clone the repository:
git clone https://github.com/your-repo/legal-document-analysis-frontend.git cd legal-document-analysis-frontend - Install dependencies:
npm install # or yarn install - Set up environment variables:
Create a
.env.localfile and add the following:NEXT_PUBLIC_API_BASE_URL=http://localhost:8000 - Run the development server:
The application will be available at
npm run dev # or yarn devhttp://localhost:3000
- Upload a document After logging in, using the file submission section in the dashbaord.
- Track job progress in the dashboard.
- View the analysis results once processing is complete.