👉 English | 👉 Español | 👉 Català

---

Chronicle – Timeline Builder

---

English

🕰️ Chronicle – Timeline Builder

Chronicle is a client-side web application designed to create clear, flexible, and visually rich timelines. It is especially useful in educational contexts, presentations, and any scenario where complex chronological information needs to be understood at a glance.

The application runs entirely in the browser: no server, no account, no data upload. Your data stays on your device.

✨ Key Features

• Interactive timeline editor
• Horizontal and vertical timeline layouts
• Proportional and compressed time scales for long periods
• Support for a wide range of date formats and historical ranges
• Import data from Excel spreadsheets
• Export timelines as high-resolution PNG images
• LocalStorage support (your work is saved in the browser)
• Fully client-side: works offline once loaded

🧩 Technology Stack

• React
• TypeScript
• Vite
• Tailwind CSS

🎯 Intended Use

• Teachers and students
• Educational projects
• Historical or scientific timelines
• Visual storytelling
• Personal or professional presentations

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/SirSiscu/Chronicle-Timeline-Builder.git

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

📜 License

This project is released under the terms of the license specified in the repository.

👤 Author & Credits

Created by Francesc Sala Carbó

• GitHub: https://github.com/SirSiscu
• Buy Me a Coffee: https://buymeacoffee.com/francescsala

---

Español

🕰️ Chronicle – Timeline Builder

Chronicle es una aplicación web que funciona completamente en el navegador y permite crear líneas de tiempo claras, flexibles y visualmente ricas. Está pensada especialmente para contextos educativos, presentaciones y cualquier situación donde sea necesario entender información cronológica compleja de un vistazo.

No requiere servidor, cuentas ni subida de datos: toda la información permanece en tu dispositivo.

✨ Características principales

• Editor interactivo de líneas de tiempo
• Disposición horizontal y vertical
• Escalas temporales proporcionales y comprimidas para periodos largos
• Compatibilidad con múltiples formatos de fecha y rangos históricos
• Importación de datos desde hojas de cálculo Excel
• Exportación de la línea de tiempo como imagen PNG de alta resolución
• Guardado automático mediante LocalStorage
• Funcionamiento 100% client-side (usable sin conexión tras la carga inicial)

🧩 Tecnologías utilizadas

• React
• TypeScript
• Vite
• Tailwind CSS

🎯 Uso recomendado

• Docentes y estudiantes
• Proyectos educativos
• Líneas de tiempo históricas o científicas
• Narrativa visual
• Presentaciones personales o profesionales

🚀 Primeros pasos

1. Clona el repositorio:

   git clone https://github.com/SirSiscu/Chronicle-Timeline-Builder.git

2. Instala las dependencias:

   npm install

3. Inicia el servidor de desarrollo:

   npm run dev

📜 Licencia

Este proyecto se distribuye bajo los términos de la licencia indicada en el repositorio.

👤 Autor y créditos

Creado por Francesc Sala Carbó

• GitHub: https://github.com/SirSiscu
• Buy Me a Coffee: https://buymeacoffee.com/francescsala

---

Català

🕰️ Chronicle – Timeline Builder

Chronicle és una aplicació web que funciona completament al navegador i permet crear línies de temps clares, flexibles i visualment atractives. Està especialment pensada per a contextos educatius, presentacions i qualsevol situació on calgui entendre informació cronològica complexa d’un cop d’ull.

No requereix servidor, comptes ni pujada de dades: tota la informació roman al teu dispositiu.

✨ Característiques principals

• Editor interactiu de línies de temps
• Disposició horitzontal i vertical
• Escales temporals proporcionals i comprimides per períodes llargs
• Compatibilitat amb diversos formats de data i rangs històrics
• Importació de dades des de fulls de càlcul Excel
• Exportació de la línia de temps com a imatge PNG d’alta resolució
• Guardat automàtic mitjançant LocalStorage
• Funcionament 100% client-side (usable sense connexió després de carregar-la)

🧩 Tecnologies utilitzades

• React
• TypeScript
• Vite
• Tailwind CSS

🎯 Ús recomanat

• Docents i estudiants
• Projectes educatius
• Línies de temps històriques o científicas
• Narrativa visual
• Presentacions personals o professionals

🚀 Com començar

1. Clona el repositori:

   git clone https://github.com/SirSiscu/Chronicle-Timeline-Builder.git

2. Instal·la les dependències:

   npm install

3. Inicia el servidor de desenvolupament:

   npm run dev

📜 Llicència

Aquest projecte es distribueix sota els termes de la llicència indicada al repositori.

👤 Autor i crèdits

Creat per Francesc Sala Carbó

• GitHub: https://github.com/SirSiscu
• Buy Me a Coffee: https://buymeacoffee.com/francescsala