Coalition Project

Visualizing patient data with interactive charts.

The Coalition Project is a front-end test project designed to display patient data through interactive charts. Tasked with creating a functional webpage based on provided UI and API, this project demonstrates the ability to integrate and visualize data effectively. Built with modern technologies, it showcases data handling and user interface skills.

🌟 Features

• Patient Data Display: View detailed patient information, including health status and test results.
• Chart Integration: Interactive charts to visualize patient data dynamically.
• Desktop Optimization: Designed primarily for optimal performance on larger screens.
• Data Source: Utilizes a provided API to fetch and display patient information.

🛠️ Technologies Used

• React
• Tailwind CSS
• Chart.js
• react-chartjs-2
• @chakra-ui/react
• @emotion/react & @emotion/styled
• react-helmet-async
• react-router-dom
• Vite
• ESLint

🚀 Deployment

The project is live and accessible at Coalition Project.

🔗 GitHub Repository

The source code for Coalition Project is available on GitHub: Coalition Project GitHub Repo.

🔧 How to Run Locally

1. Clone the repository from GitHub.
2. Navigate to the project directory.
3. Install dependencies with npm install.
4. Start the development server with npm run dev.

Contributor

• Victor Victoria O.