LifeLine – Your Time, Your Story

A Chrome extension that helps you visualize your life's journey in a new tab, providing a unique perspective on time through an intuitive weekly grid visualization.

Features

• Visualize your life in weeks
• Track important memories and milestones
• Customizable time format display
• Profile management and authentication
• Subscription-based premium features
• Beautiful, modern UI with dark mode

Installation

From Chrome Web Store

1. Visit the Chrome Web Store (link coming soon)
2. Click "Add to Chrome"
3. Follow the prompts to install the extension

Manual Installation (Development)

1. Clone this repository:

   git clone https://github.com/khokonm/LifeLine-Extension
   cd LifeLine-Extension

2. Install dependencies:

   npm install

3. Build the extension:

   npm run build

4. Load the extension in Chrome:

   • Open Chrome and navigate to chrome://extensions/
   • Enable "Developer mode" in the top right
   • Click "Load unpacked"
   • Select the dist folder from the project directory

Development

Prerequisites

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

Setup

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. For extension development:

   • Build the extension: npm run build
   • Load the dist folder as an unpacked extension in Chrome
   • Make changes to the code
   • Run npm run build again to update the extension
   • Refresh the extension in Chrome

Project Structure

├── src/                # Source code
│   ├── components/     # React components
│   ├── hooks/         # Custom React hooks
│   ├── pages/         # Page components
│   ├── store/         # State management
│   └── main.tsx       # Entry point
├── public/            # Static assets
├── dist/             # Built extension
└── icons/            # Extension icons

Building

1. Production build:

   npm run build

2. The built extension will be in the dist folder

Testing

1. Run tests:

   npm test

Note: Automatic test cases have not been written yet. We’d highly appreciate your contributions in this area! 🙌

2. For manual testing:
   • Build the extension
   • Load it in Chrome
   • Test all features:
     • New tab functionality
     • Settings configuration
     • Memory creation and management
     • Profile and authentication
     • Time visualization

Contributing

Contributions are welcome! Please read our contributing guidelines before submitting pull requests.

License

This project is licensed under a custom license that restricts commercial use:

Custom License

Copyright (c) 2024 Khokon M.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to use, copy, modify, and merge the Software, subject to the following conditions:

1. The Software may not be used for commercial purposes without explicit written permission from the copyright holder.

2. Commercial purposes include but are not limited to:

   • Selling the Software or derivatives
   • Using the Software in a commercial product
   • Using the Software to provide commercial services

3. Redistributions of the Software must retain the above copyright notice, this list of conditions, and the following disclaimer.

4. The Software is provided "as is", without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose, and noninfringement.

5. In no event shall the authors or copyright holders be liable for any claim, damages, or other liability, whether in an action of contract, tort, or otherwise, arising from, out of, or in connection with the Software or the use or other dealings in the Software.

Contact

For commercial use inquiries or other questions, please contact [email protected].