A vertical chronological timeline application inspired by Windows 10's Timeline, built with TimelineJS and Vite.

• 📅 Vertical timeline layout
• 📝 JSON-based data configuration
• 🎨 Windows 10 Timeline-inspired design
• ⚡ Fast development with Vite
• 🔄 Live reload during development

• Node.js (v14 or higher)
• npm or yarn

1. Install dependencies:

npm install

Start the development server:

npm run dev

The application will open automatically at http://localhost:3000

Create a production build:

npm run build

Preview the production build:

npm run preview

Edit src/timeline-data.json to customize your timeline events. The JSON structure follows TimelineJS format:

{
  "title": {
    "text": {
      "headline": "Your Timeline Title",
      "text": "Description"
    }
  },
  "events": [
    {
      "start_date": {
        "year": "2024",
        "month": "1",
        "day": "1"
      },
      "text": {
        "headline": "Event Title",
        "text": "Event description"
      }
    }
  ]
}

timeline/
├── src/
│   ├── main.js              # Application entry point
│   ├── style.css            # Custom styles
│   └── timeline-data.json   # Timeline events data
├── index.html               # Main HTML file
├── vite.config.js           # Vite configuration
├── package.json             # Project dependencies
└── README.md                # This file

• Vite - Build tool
• TimelineJS - Timeline library
• Vanilla JavaScript

MIT