Kid Quotes

A web application that displays random quotes and memories from kids. Built with Nuxt and Vue.

Perfect for parents, teachers, or anyone who wants to capture and share funny, cute, or memorable things kids say.

Quick Start

1. Clone this repository
2. Install dependencies:

   npm install

3. Replace sample data with your own:
   • Edit content/Entries.json with your own quotes
   • Update the birthdate in app/pages/index.vue (line 4)
   • Customize the app name in nuxt.config.ts and package.json
4. Run locally:

   npm run dev

5. Deploy: Check out Nuxt Deployment documentation

Development

Development Server

npm run dev

Open http://localhost:3000 in your browser.

Production Build

npm run build
npm run preview

Adding Your Own Content

Method 1: Direct Editing

Simply edit content/Entries.json directly. Each entry needs:

• content: The quote or memory text
• date: When it happened (ISO format)
• dateModified: When you last updated it (ISO format)

Method 2: From Journaling Apps

If you export from journaling apps like Everlog, Day One, or similar:

1. Replace content/Entries.json with your export
2. Run the cleanup script to remove personal data:

npm run clean

This script will:

• Remove unnecessary metadata (devices, locations, weather, etc.)
• Keep only essential fields: content, date, and dateModified
• Sort entries by date (newest first)
• Remove entries tagged with #removefromquotesapp

What gets removed:

• Device information and identifiers
• Location data (latitude/longitude)
• Places and journals metadata
• Weather information
• Typing time and other metadata
• Internal identifiers

What gets kept:

• Entry content (the actual quote/memory)
• Date and time the entry was created
• Last modified date

Customization

• App Name: Update in nuxt.config.ts and package.json
• Birthdate: Change LYDIA_BIRTHDATE in app/pages/index.vue to calculate ages
• Styling: Modify CSS in app/assets/css/
• Sharing Images: Replace /public/sharing.png and favicon files