A React-based website showcasing research on Kullback-Leibler Divergence and its applications in machine learning. This project presents an academic paper in an interactive web format, complete with navigation and responsive design.

Website: https://kl-divergence-statistics.vercel.app/

Datasets: https://drive.google.com/drive/folders/1v5V6oQSznilQLaszxxOB_JplZwhS1Zms?usp=sharing

• Interactive navigation between paper sections
• Responsive design for all device sizes
• LaTeX-style mathematical formatting
• Clean, academic-focused UI
• Component-based architecture
• TypeScript implementation

• React 18
• TypeScript
• Lucide Icons
• CSS Modules
• Vite (Build tool)

src/
├── components/
│   ├── Abstract.tsx
│   ├── Authors.tsx
│   ├── Header.tsx
│   ├── Introduction.tsx
│   ├── Methodology.tsx
│   ├── Navigation.tsx
│   └── types.ts
├── App.tsx
├── main.tsx
└── index.css

1. Clone the repository:

git clone https://github.com/yourusername/kl-divergence-research-website.git

2. Install dependencies:

cd stats
npm install

3. Start the development server:

npm run dev

4. Open http://localhost:5173 in your browser

• Introduction: Background and motivation for KL divergence research
• Authors: Information about the research team
• Abstract: Summary of the research findings
• Methodology: Experimental setup and approach

The project uses a custom CSS implementation with:

• LaTeX-inspired typography
• Academic paper styling
• Responsive design principles
• Mathematical notation support
• Theorem-like environments

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

This project is licensed under the MIT License - see the LICENSE.md file for details.

• Mathematical styling inspired by LaTeX
• Icons provided by Lucide Icons
• Typography based on Computer Modern font family