Relationship Timeline

A beautiful web application that allows users to create, organize, and share relationship timelines with events, media attachments, and more. Document your journey with dates, photos, comments, and export your memories easily.

✨ Features

• Timeline Creation: Document your relationship journey chronologically
• Event Management: Add, update, and delete significant moments
• Media Attachments: Upload photos and documents to each event
• Comments & Notes: Add personal reflections to your events
• Date Filtering: Organize and view events by date ranges
• Export Functionality: Generate PDF or Word documents that preserve your timeline's design
• Intuitive UI: Professional, animated interface that's easy to navigate
• No Login Required: Start using immediately without any account creation

🔧 Technical Overview

This application is built with:

• Next.js 14 - React framework with optimized performance
• Tailwind CSS - Utility-first CSS framework for responsive design
• LocalStorage - Client-side data persistence (no database required)
• TypeScript - Type-safe JavaScript
• Vercel - Deployment platform optimized for Next.js

💾 Data Storage

All data is stored locally in your browser's localStorage, making the application:

• Private: Your data never leaves your device
• No Database Required: No setup or authentication needed
• Portable: Use on any device with a modern browser

Note: Timeline data is browser-specific. Clearing browser data will reset your timeline.

🚀 Live Demo

Experience the application live:

https://relationship-timeline-feature.vercel.app

📋 Usage Guide

1. Create Timeline: Start by creating your relationship timeline
2. Add Events: Document significant moments with dates and descriptions
3. Enhance with Media: Upload photos or documents to bring events to life
4. Add Comments: Include personal notes and reflections
5. View Timeline: Browse through your relationship journey chronologically
6. Export: Generate a PDF or Word document to save or share your timeline

💻 Local Development

Prerequisites

• Node.js 16.x or higher
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/Victordtesla24/relationship-timeline-feature.git
cd relationship-timeline-feature

2. Install dependencies

npm install

3. Run the development server

npm run dev

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

📦 Build and Deploy

# Build for production
npm run build

# Start production server
npm start

# Deploy to Vercel
vercel --prod

📱 Browser Compatibility

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Built with ❤️ using Next.js and deployed on Vercel