mris.dev

What Is It?

Eyes is a modern dashboard application built with React, TypeScript, and Tailwind CSS. It provides a comprehensive view of business metrics and analytics through an interactive, responsive interface.

Why Build It?

Dashboards are the window into business performance. Eyes was built to provide a fast, modern, and visually appealing interface for monitoring key metrics, with a focus on developer experience and maintainability.

Architecture

Tech Stack

Layer	Technology
Framework	React
Language	TypeScript
Styling	Tailwind CSS
Build	Vite
Package Manager	Bun / npm

Project Structure

src/          → React components and logic
public/       → Static assets
index.html    → Entry point
vite.config.ts → Build configuration
tailwind.config.js → Tailwind configuration

Features

Modern React — Built with React and TypeScript for type safety
Responsive Design — Works on desktop and mobile
Tailwind CSS — Utility-first styling for rapid development
Vite Build — Fast development and optimized production builds
Executive Summary — Key metrics at a glance
API Contract Documentation — Well-documented API contracts for backend integration

Development

Prerequisites

Node.js 18+
npm or Bun

Installation

git clone gitlab.sicepat.tech/ilmimris/eyes.git
cd eyes
npm install
# or
bun install

Running

npm run dev
# or
bun run dev

Building

npm run build

Use Cases

Business Dashboards — Monitor KPIs and metrics
Executive Reporting — High-level business overview
Analytics Views — Data visualization and exploration
Internal Tools — Admin panels and management interfaces

Eyes