Manual: How to Reuse the Itinerary Planner for Future Trips

This manual outlines how to adapt your existing itinerary planner for a new trip. It includes which files to update, what each change means, and how to prepare your files before uploading them to your self-hosted site.

1. Core Files to Update

✏️ items.json

This file contains the list of all attractions, restaurants, shops, etc.

2. Adjusting the Trip Dates

✏️ index.html, day.html

These files show the calendar and the day-by-day view.

✏️ In day.js:

Update this section:


const start = new Date(year, <MONTH-1>, <START_DATE>);
const end = new Date(year, <MONTH-1>, <END_DATE>);
  

3. Default Accommodation Handling

✏️ In calendar.js

This function automatically inserts the apartment each morning:


function autoInsertApartment() {
  const apartment = items.find(item => item.name === "Your Accommodation Name");

Update the name and which days it should appear (e.g., ["14", "15", ...]).

4. Saving and Loading Data

5. FTP Upload Checklist

Optional Tips